动态加载的元素，alert出不来 ,模拟app 长按后触发事件

Question

模拟app 长按后触发事件$.fn.longPress = function(fn) {        var timeout = undefined;        var $this = this;        for(var i = 0;i<$this.length;i++){             $this[i].addEventListener('touchstart', function(event) {                 timeout = setTimeout(fn, 800);             }, false);             $this[i].addEventListener('touchend', function(event) {                 clearTimeout(timeout);             }, false);         }     };         //cmt01动态添加的元素     $('.cmt01').each(function(e){        //var _this = $(this);         $(this).longPress(function(){             alert(1)         });     })

Answer 1

最简单的解释就是：

你给元素cmt01绑定事件的时候，后续加载的元素并不存在，所以无法触发。

解决办法：事件委托。