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

JSFiddle Example

jQuery伪造点击事件

4 个答案: