绑定工作但不工作

Question

我正试图通过on获取img加载错误，但它不起作用

$(document).on("error","#someid img",
               function(){
                  console.log("Image load error through On");
              });

但类似的工作与'bind'

$("#someid img").bind("error", function() {
                         console.log("Image load error through bind");
                      });

Answer 1

问题是error事件没有冒泡，因此您无法使用事件委派在document级别捕获它。

捕获它的唯一方法是直接绑定到元素。

---

您可以使用.bubbles处理程序中event对象的.bind()属性来确定这一点。

$("#someid img").bind("error", function(event) {
    console.log(event.bubbles); // false
});

Answer 2

 $("#your_id").error(function () {
     alert("your text")
 })

1. 。on()在jquery1.7之后替换.bind(), .live() and .delegate()。
2. .on（）管理事件委托，绑定不管理。
3. 什么是event.delegation？