Question

我想在没有用户点击.example

的情况下触发.example一次

$(document).on("click",".example",function() {
    // Do Stuff
}

仅供参考 - 当文件加载时会发生这种情况。我怎么能这样做？

Answer 1

在准备好的文件上执行

HTML

<a id="foo" class="example" href="#" >foo link </a>

<强>脚本

$(function(){   

    //bind the event
    $('.example').bind('click', function() {
      alert("clicked");
    });

    //now call it on document ready
    $('.example').trigger('click');    


});

以下是工作示例：http://jsfiddle.net/7d5ug/16/

Answer 2

虽然您可以模拟项目上的点击，但这有点脆弱。如果更改用户单击的DOM元素会发生什么？现在，您必须在两个不同的位置更新该元素的选择器。

更强大的解决方案是将事件处理程序分解为实际函数：

function myHandler() { ... }

然后在任何需要的地方调用该函数：

// Call when event fires
$(document).on("click", ".example", myHandler);

// Call when documentReady
$(function() {
    myHandler();
});

触发特定于（）单击一次而无需用户单击它

2 个答案: