jquery - jQuery.one() 和 jQuery.on() 之间的区别

Question

我的页面上有多个图像。为了检测损坏的图像，我使用了在 SO 上找到的这个。

$('.imgRot').one('error',function(){
    $(this).attr('src','broken.png');
});

这对于我理解的第一张图像效果很好。但是当我将其更改为

$('.imgRot').on('error',function(){
    $(this).attr('src','broken.png');
});

它不适用于任何图像。有人能告诉我为什么吗？

Answer 1

社区维基:这个通用答案不会对OP发布的问题做出贡献，而是与标题相关。

one()和on()的概念可以用下面的代码来解释。

one() 函数在第一次出现后自动转至关闭状态。

on() 与 one() 相同，但需要手动将其置于关闭状态，否则实例数量没有限制。

var i = 1;
$('.one').one('click', function() {

  $(this).text('I am clickable only once: ' + i);
  i++;
});

var j = 1;
$('.multiple').on('click', function() {

  $(this).text('I was clicked ' + j + ' times');
  j++;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="one">Click me</div>
<div class="multiple">Click me</div>