jquery - 當圖片源發生更改時更改元素屬性

我正在使用與NextGen圖庫結合使用的Nivo Slider插件。我想要做的是獲取圖像源，並在圖像更改時重寫URL。目前，我有這樣的：jquery - 當圖片源發生更改時更改元素屬性

$(function() { 
    var src = $('.nivo-main-image').attr('src'); 
    $("#social-buttons > #pinterest").attr('href', src); 
});

它可以在頁面加載，並得到什麼形象出現的第一來源和做幾乎正是我需要做的。但是，只要幻燈片中的圖像源發生更改，我就需要它來更改href屬性。我看着.change()，但只適用於各種輸入。

任何人都可以幫助這個，或指出我在正確的方向嗎？

來源

2014-03-31 stinkysGTI

嘗試使用這樣的：

$(document).on('change', '.nivo-main-image', function() { 
    var src = $(this).attr('src'); 
    $("#social-buttons > #pinterest").attr('href', src); 
});

編輯，請參閱下面的註釋：

我加在線路下面的jquery.nivo.slider.js文件209：

var src = $('.nivo-main-image').attr('src'); 
$("#social-buttons > #pinterest").attr('href', src);

它現在完美運作。（直到插件得到更新）

來源

2014-03-31 18:04:03

當我使用這個，沒有任何反應，我也沒有得到任何錯誤。我在jquery.com上讀到，這個改變甚至只適用於表單域。任何建議？ – stinkysGTI

有趣。我通常在on（'click'）事件中使用此代碼，並且它很棒。我試圖找到更改圖像的代碼片段，並將代碼添加到該函數中，以便每次圖像更改時都會運行，並更新hrefs。 –

這就是我正在研究的內容。我發現在每次鏡像更改後運行的nivo核心文件中都有一個函數。我從上面的代碼中添加了第2行和第3行，它起作用。感謝您的幫助:) – stinkysGTI

$('.nivo-main-image').attr('src').change(function(){ 
    var src = $('.nivo-main-image').attr('src'); 
    $("#social-buttons > #pinterest").attr('href', src); 
})

來源

2014-03-31 18:03:56 radonyzsolt

它似乎一起打破滑塊。 – stinkysGTI

jquery - 當圖片源發生更改時更改元素屬性

回答

相關問題