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/