jQuery 伪造点击事件

Question

假设我有代码：

$('#target').click(function() {
  alert('Handler for .click() called.');
});

我希望页面加载后 #target 将被自动单击，但单击功能保持活动状态。

例如，用于播放和停止的相同按钮。这将启动播放方法，但如果再次按下将停止该方法。

我应该将其放入单独的方法中，还是对此类事件进行单行调用？

Answer 1

这很简单，你几乎已经掌握了......

$('#target').click(function() {
  alert('Handler for .click() called.');
}).click();

这是一个小提琴： http://jsfiddle.net/gislikonrad/xqKBE /

Answer 2

// when the page is ready
$(function() {
    $('#target').click(function() {
        alert('Handler for .click() called.');
    });

    // trigger click handler for #target
    $("#target").trigger('click');
});

Answer 3

$('#target').trigger("click");

Answer 4

我认为你应该使用 toggle() 事件（而不是与显示和隐藏的切换混淆！），因为这可以处理同一事件的多个功能。然后您可以在绑定后调用 click() 来自动调用一次：

$('#target').toggle(function() {
  $(this).text('Stop');
}, function() {
  $(this).text('Play');
}).click();

< a href="http://jsfiddle.net/TUBqy/" rel="nofollow">JSFiddle 示例