在旋轉javascript橫幅中添加鏈接

Question

我有一個旋轉橫幅，需要添加鏈接到example。以下是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>  

我已經試過基本鏈接，但沒有骰子。不知道我在哪裏錯了。

謝謝

乙格雷夫斯

Answer 1

我知道你說你嘗試過基本的連接，但下面的HTML 應該工作：

<div class="banner"> 
    <div class="banner_text"> 
     <a class="banner_img_href" href="http://someurl.com"> 
      <img src="images/banner_text.png"> 
     </a> 
    </div> 
    <div class="banner_img"> 
     <a class="banner_img_href" href="http://someurl.com"> 
      <img border='0' src="images/banner_gas.png" id='banner_image' alt='Banner Image' /> 
     </a> 
    </div> 
</div> 

的JavaScript：

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); 
} 

在你的代碼中，你沒有任何elem與類banner_img_href，所以href屬性實際上沒有設置任何元素。

如果這不起作用，我會驗證您的數據實際上是否包含有效的href網址，並且您可以檢索它（使用瀏覽器中的開發人員工具設置斷點並檢查值，或者將值輸出到帶有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文件，它應該可以正常工作。