Question

这里的情况最初是我使用img属性动态创建div并动态设置它的源。此外，在图像加载时，一些函数被调用。稍后在某个时间点，如果我更改该特定div的图像源，则会调用相同的函数，这是不可取的。

$(function(){
// on doc ready I do this
  $('#inner').append("<div id='data-1'><img/></div>");
  $('#data-1').find('img').attr('src', dataArr['id'][1].img).load(function() {
    populateNavigationDots();
    $(".pagination span:first-child").addClass('swiper-active-switch');
  });// this works fine.
});
// later if I try to change the src attribute of the above image then the previous on     load functionality 'populateNavigationDots();' too works. How can I stop this
$('#data-1').find('img').attr('src','img/2.jpg');

Answer 1

使用

.off( events [, selector ] [, handler(eventObject) ] )

http://api.jquery.com/off/

Answer 2

图像加载后，我使用jquery off

删除了加载事件处理程序。

$（ '＃数据-1'）找到（ 'IMG'）OFF（ '负载'）;

如何使用jquery或javascript删除附加到文档就绪元素的功能

2 个答案: