在旋转javascript横幅中添加链接

我有一个旋转横幅，我需要添加链接。下面是js代码的一部分。让href在index.php页面中工作的问题

function change_banner(){

data=xmldata[changenum];                    //get current banner XML object 

img=$(data).attr("src");                    //retrieve variables
href=$(data).attr("href");
target=$(data).attr("target");

$(".banner_img_href").attr("href",href);        //change variables on HTML
$(".banner_img_href").attr("target",target);
$("#banner_image").attr("src",img);

这是html：

<div class="banner">
    <div class="banner_text">
        <img src="images/banner_text.png">
    </div>
    <div class="banner_img">
         <img   border='0' src="images/banner_gas.png" id='banner_image' alt='Banner Image' />
    </div>
</div>     

我尝试了基本链接，但没有骰子。我不知道我在这方面出了什么问题

谢谢,

---

B Graves

我知道您说过您尝试了基本链接，但以下html应该可以工作：

在代码中，没有任何元素具有类

banner\u img\u href

，因此实际上没有在任何元素上设置href属性

如果这不起作用，我将验证您的数据是否确实包含href的有效url，以及您是否能够检索它（使用浏览器中的开发人员工具设置断点并检查值，或者使用

console.log（href）

将值输出到JavaScript控制台）

编辑：我刚刚检查了您如何获取数据以及数据的格式。您的XML文件的格式可能应如下所示：

<gallery fade="500" ontime="5000">
    <picture src="images/banner_gas.png" href="desiccant-dryers-air-dryers.php" />
    <picture src="images/banner_liquid.png" href="backwashing-sand-filters.php" />
    <picture src="images/banner_mis.png" href="air-cooled-chillers-explosion-preventers.php" />
</gallery>

---

问题在于获取数据的方式以及数据的格式。如果您按照上面的格式格式化xml文件，它应该可以正常工作。

您想要整个横幅可点击吗？哪里是

。横幅\u img\u href

我在页面的源代码中看不到它。您的

$（“.banner\u img\u href”）

返回一个空的jQuery对象，您说您尝试了基本链接。这是否意味着你试着用锚定标签包装你的横幅或部分横幅？我只需要机器图像可以点击。javascript调用的是一个xml文件，该文件调用的是我没有创建的图像，因此我不确定具体的想法。是的，我试着包装图片标签，我试着把链接与图片隔开，放在图片后面，但都没有结果。这个群体的惊人之处还没有让我失望。非常感谢你的聪明才智和帮助。

function change_banner(){

    data=xmldata[changenum];                    //get current banner XML object 

    img=$(data).attr("src");                    //retrieve variables
    href=$(data).attr("href");
    target=$(data).attr("target");

    $(".banner_img_href").attr("href",href);        //change variables on HTML
    $(".banner_img_href").attr("target",target);
    $("#banner_image").attr("src",img);
}

<gallery fade="500" ontime="5000">
    <picture src="images/banner_gas.png" href="desiccant-dryers-air-dryers.php" />
    <picture src="images/banner_liquid.png" href="backwashing-sand-filters.php" />
    <picture src="images/banner_mis.png" href="air-cooled-chillers-explosion-preventers.php" />
</gallery>