无法以编程方式触发 jQuery 单击事件

Question

如果我理解正确，要以编程方式触发附加到具有 my-button css 类的对象的 jQuery 单击事件，您应该能够执行以下操作：

$('.my-button').click();

出于某种原因，此代码无法触发附加到元素的单击事件。代码的 $('.my-button') 部分正在运行并返回一个元素。我们知道事件处理程序附加到该元素，因为单击该元素确实会触发其事件处理程序的代码。该处理程序附有以下简单代码：

$('<a class="my-button"/>')
    .click(function() { /* code here */ })
    .appendTo(parent);

是否存在事件触发不起作用的条件？被访问的元素是通过 jQuery 小部件创建的，小部件代码通过跨域 JSONP 调用检索并通过 eval 运行（我怀疑的因素）。

Answer 1

事实证明这是加载两个 jQuery 脚本的情况。通过 JSONP 检索的脚本包括 jQuery 的加载，并且该 jQuery 对象用于附加事件处理程序。与此同时，在我同事的网页中，他加载了自己的 jQuery。因此，第二个 jQuery 对象不知道第一个事件处理程序，因此无法以编程方式调用该处理程序。

Answer 2

你应该使用：

$('.my-button').trigger("click");

Answer 3

我不知道跨域 JSONP 是否与此有关，但是我必须说，以编程方式触发与 html 链接有关的选择器上的单击事件 (...) 不起作用。

我怀疑这必须是某种浏览器策略，以阻止弹出窗口。考虑到浏览器具有跟踪和阻止弹出窗口的机制，并且大多数情况下允许用户在新链接出现之前授权单击操作。

如果您可以通过 jQuery 以编程方式单击链接、重定向、弹出窗口以及所有这些东西会更容易做到，因此这是不可能的。需要明确的是：

Link1 您无法触发该操作。

Link2 您可以在此处触发 onclick，因为它不包含 href。

Answer 4

我遇到了同样的问题，并更改了将事件绑定到函数的方式修复了它，

  var f=function() { .... }
  $('input.radioDomande').click(f);
  ...
  $(s+data.domanda[i].valore).trigger("click");
  //WRONG: It won't trigger the event

然后根据 http://api.jquery.com/trigger/

  var f=function() { .... }
  $('input.radioDomande').bind('click', f);
  ...
  $(s+data.domanda[i].valore).trigger("click");
  //IT DOES TRIGGER THE EVENT

Answer 5

奇怪的。您尝试过.trigger('click')吗？理论上，它们应该是相同的（现在查看 jQuery 代码来找出答案）。 编辑：看起来 .click() 只是 .trigger('click') 的代理，因此它可能没有帮助。

为了进行调试，请尝试在页面上绑定实时点击事件小部件被加载到。

Answer 6

我最好的猜测是处理程序在您尝试触发事件后被绑定。

尝试：

var myButtons = $('<a class="my-button"/>)
                    .click(function() { /* code here */ })
                    .appendTo(parent);

myButtons.click();

或使用您的原始代码 - 在 JSONP 请求的回调中触发事件。

Answer 7

如果它没有回忆起正确记录的事件，尤其是自定义事件，则在您分配事件处理程序后，jQuery 库可能会再次加载。

使用以下命令检查您的代码：

jQuery (document).ready (function () {
    // Test your code here
});

Answer 8

我也遇到过这个问题，但我没有多个 jQuery。

阅读这里的答案我意识到这是因为执行顺序。在获得调用单击的函数后几行，我绑定了事件处理程序。

这是卫生部！片刻...

Answer 9

返回 dom 并执行以下操作：

$("abutton")[0].click();