我很难理解如何使用 JQuery 模拟鼠标点击。有人可以告诉我我做错了什么。
HTML：
<a id="bar" href="http://stackoverflow.com" target="_blank">Don't click me!</a>
<span id="foo">Click me!</span>
jQuery：
jQuery('#foo').on('click', function(){
jQuery('#bar').trigger('click');
});
演示：小提琴
当我点击按钮 #foo 我想模拟点击 #bar 但是当我尝试这样做时，什么也没有发生。我也尝试过，jQuery(document).ready(function(){...})但没有成功。
您需要使用jQuery('#bar')[0].click(); 模拟鼠标单击实际 DOM 元素（不是 jQuery 对象），而不是使用.trigger()jQuery 方法。
注意：DOM Level 2.click()不适用于 Safari 中的某些元素。您将需要使用一种解决方法。
在这样做之前，您只需要放置一个小的超时事件.click()
：
setTimeout(function(){ $('#btn').click()}, 100);
这是 JQuery 行为。我不确定为什么它会这样工作，它只会触发链接上的 onClick 函数。
尝试：
jQuery(document).ready(function() {
jQuery('#foo').on('click', function() {
jQuery('#bar')[0].click();
});
});
看我的演示：http : //jsfiddle.net/8AVau/1/
jQuery(document).ready(function(){
jQuery('#foo').on('click', function(){
jQuery('#bar').simulateClick('click');
});
});
jQuery.fn.simulateClick = function() {
return this.each(function() {
if('createEvent' in document) {
var doc = this.ownerDocument,
evt = doc.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true, doc.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
this.dispatchEvent(evt);
} else {
this.click(); // IE Boss!
}
});
}
可能有用：
调用触发器的代码应该在调用事件之后。
例如，我有一些代码希望在 #expense_tickets 值更改时执行，并且在重新加载页面时执行
$(function() {
$("#expense_tickets").change(function() {
// code that I want to be executed when #expense_tickets value is changed, and also, when page is reload
});
// now we trigger the change event
$("#expense_tickets").trigger("change");
})