jquery-在图像源更改时更改元素属性

我正在使用与NextGen Gallery配合使用的Nivo Slider插件。我试图做的是获取图像源，并在图像更改时重写url。我目前有：

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

它在页面加载时工作，并获取任何首先出现的图像的来源，并且几乎完全按照我的要求执行。但是，每当图像源在幻灯片中更改时，我都需要它来更改href属性。我查看了

.change（）

，但这只适用于各种输入

有人能帮我吗，或者给我指出正确的方向吗？

试试这个：

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

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

编辑，请参见下面的评论：

我在第209行的

jquery.nivo.slider.js

文件中添加了以下内容：

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

它现在工作得很好。（直到插件更新为止

---

)

它似乎把滑块都弄坏了。当我使用它时，不会发生任何事情，也不会出现任何错误。我在jquery.com上读到，更改甚至只适用于表单字段。有什么建议吗？很有趣。我通常将此代码用于on（'click'）事件，它非常有用。我会尝试找到更改图像的代码片段，并将代码附加到该函数中，这样每次图像更改时它都会运行，并更新HREF。这就是我刚才研究的内容。我在nivo的核心文件中发现了一个函数，它在每次图像更改后运行。我从上面的代码中添加了第2行和第3行，它可以正常工作。谢谢你的帮助：）