觸發特定的（），而無需用戶點擊，一旦點擊它

Question

我想不需要用戶點擊一次火。實例。實例

$(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(); 
});