如何在jquery中触发Live（）点击

Question

我有一个有趣的情况。我需要触发实时点击，因为简单的点击不起作用。

这就是我所拥有的：

$('.text').trigger('click');

但我需要这样的东西：

$('.text').trigger(live('click' ...));

或者解决这个问题的东西。

这是我的代码：

$(".Sets a.largeImage").fancybox({

  'onComplete': function(){
    return errorimage(myurl);
  } 

});

function errorimage(url) {

  $("#fancybox-img").live('click', function(){
   $('.lightbox:first').trigger('click');
  });

  $('#fancybox-img').trigger('click');

}   

想法是我想触发$('.lightbox:first').trigger('click');，但是在实时模式下，因为简单的点击不起作用！

谢谢！！！！

Answer 1

最好的解决方案是将您的点击处理程序放在一个单独的函数中。

然后，您可以从实时点击处理程序以及想要手动触发点击时调用此函数。

Answer 2

我在使用使用 live() 绑定点击事件的 Lightbox2 时遇到了同样的问题。 在我的情况下，解决方案是触发这样的事件：

jQuery**('a[rel^="lightbox"]')**.ready(function () {
jQuery("#myimglink").trigger("click");
})

如您所见，我仅在使用灯箱的所有图像都准备好后才触发事件。希望它会对大家有所帮助 - 这是我对 stackoverflow 的第一个贡献:)。

Answer 3

我猜您面临的问题是，live() 和 delegate() 不会将事件处理程序绑定到 DOM element / jQuery object 本身，但在某些 parent node 上。例如，live() 会将处理程序绑定到检查event.target 的document.body。简单来说就是使用event bubbling，这就是live events的思路。

换句话说，使用实时，可能会触发类似的事件

$(document.body).trigger({ 
   type:   'click',
   target: $('.text')[0]
});

更新

不幸的是，这似乎不起作用。我还尝试设置currentTarget 和relatedTarget。 .live() 将处理程序绑定到哪里？有人吗？

Answer 4

当我面临类似情况时，我发现 SLaks 的解决方案非常有用。但是，将 .live("click", handlerFn) 和 .bind("click", handlerFn) 附加到相同的元素似乎是冲突的（我不知道在这种情况下适用什么优先规则）。 但是，如果您使用自定义事件而不是“点击”作为触发器，它就可以正常工作。

$(".elems").bind("customEvent", handlerFn);
$(".elems").live("click", handlerFn);

$(".elems").trigger("customEvent");

function handlerFn() {
}

Answer 5

这是另一种适合我的方式。

$('#test').live('click', function() {
    alert("It works!");            
});

$('#test')[0].click();

这里的重要部分是：

$('#test')[0].click();

Answer 6

我相信您可以只使用您的第一个示例，因为触发器仅用于激活绑定元素，而不是绑定它..

所以当你这样做时：

$('#someElement').live('click',function(){./*..*/});

这和

一样

$('#someElement').click(function(){./*..*/}); 

除了第一个之外，还会在每个 ajax 请求上检查新的 html 并再次绑定。

就这样吧：

$('div.class').trigger('click');

它应该触发实时元素