顯示圖像，然後更改鏈接使用jquery

小時的搜索，仍然沒有答案我可以理解爲這一個：我試圖添加一個鏈接，其href變化取決於選擇一個旋轉木馬中的圖像（即選擇一個圖像和然後底部的鏈接改變）。顯示圖像，然後更改鏈接使用jquery

通過使用類不透明織物改變當前圖像顯示的不透明度挑選currrent圖像：

 $('#current').ready(function() { 
         $("#carousel-2 img").click(function() { 
          $("#current img").removeClass("opaque-fabric"); 

          var imageToShow = $(this).attr("id").replace("for-", ""); 
          $("#current #"+imageToShow).addClass("opaque-fabric"); 

          $("#carousel-2 img").removeClass("selected-fabric"); 
          $(this).addClass("selected-fabric");    
         }); 

        });

然後改變在href的端部中的「選擇按鈕」錨點鏈接我頁：

$('.choose-button').ready(function() { 
          $("#carousel-2 img").click(function() { 

       var button = $(this).attr('class'); 
       var currenthref = $(".choose-button").attr('href'); 
       $(".choose-button").attr('href', currenthref + button); 


      }); 

     });

圖像顯示部分工作，但我似乎無法追加在按鈕中的href。請幫助並慢慢說話（初學者）。

編輯：Here's what I'm working with，在測試服務器上。

來源

2012-03-07 M00B

你能發表一些HTML＆CSS代碼嗎？ – Maroshii 2012-03-07 22:52:57

jQuery的.append（）函數用於將DOM元素附加到其他DOM元素。如果你想更新href屬性，使用語法

var currenthref = $(".choose-button").prop('href'); 
$(".choose-button").prop('href', currenthref + button);

希望這有助於！

來源

2012-03-07 22:47:42

我照你所說的做了，並且確定定義了按鈕變量，但仍然無法獲得按鈕的href更改 - 它只是保持不變。謝謝，不過。我會試着用一個例子來編輯問題。 – M00B 2012-03-07 22:58:01

我似乎無法真正理解你的問題，但你有一些嚴重的錯誤。首先你沒有正確使用ready()。來自jQ API：

.ready()方法只能在匹配當前文檔的jQuery對象上調用。

，那麼你應該使用attr()代替prop()因爲href是一個屬性，不是屬性。另外live()已棄用on()。

來源

2012-03-07 22:48:29 elclanrs

謝謝，我會盡量做出相應的更改。 – M00B 2012-03-07 23:02:38

顯示圖像，然後更改鏈接使用jquery

回答

相關問題