jQuery的點擊模擬不工作

Question

嘗試使用這段代碼模擬的對象上的點擊，我在HTML注入該代碼..

<script type='text/javascript'> 
    $(window).load(function() { 
     $('#hellothere').click(); 
    }); 
</script> 

不wroking ......在所有！

Answer 1

您應該使用ready()功能來運行代碼時，DOM就緒 - http://api.jquery.com/ready/ - 該load()方法加載新的內容 - http://api.jquery.com/load/ - 和不正確，你的目的。然後，您可以使用trigger()在DOM對象上觸發單擊事件。

// run when the DOM is loaded 
$(document).ready(function(){ 
    $('#hellothere') 
     // Set up the click event 
     .on('click', function(){ alert('you clicked #hellothere'); }) 
     // Trigger the click event 
     .trigger('click'); 
}); 

Answer 2

如果你試圖模擬對象上的點擊，您應該使用的觸發方式，

$(function){ 
    $('#hellothere').trigger('click'); 
}); 

這裏是鏈接到文檔上觸發：http://api.jquery.com/trigger/

這是代碼點擊方法：

jQuery.fn.click = function (data, fn) { 
    if (fn == null) { 
    fn = data; 
    data = null; 
} 

return arguments.length > 0 ? this.on(name, null, data, fn) : this.trigger(name); 
} 

正如你所看到的;如果沒有參數被解析到該函數，它將觸發點擊事件。

所以使用.trigger（「click」）因爲你會調用一個較少的函數。 https://stackoverflow.com/a/9666547/887539

PS：

這是一個很好的工具尋找到jQuery的源代碼：http://james.padolsey.com/jquery/