jQuery触发单击事件不在div上工作

Question

我想在div上触发点击事件。我使用以下代码，但它无法正常工作。

$('#showbanner').trigger('click');

<div id="showbanner">show banner</div>

我做错了什么？我实际上想在页面加载后2秒显示横幅。在我可以添加延迟事件之前，我的点击事件没有触发。

以下是我的代码示例：http://codepen.io/anon/pen/aOzyxo

Answer 1

问题是因为您的trigger('click');调用是您脚本中的第一件事;在附加事件之前，它被称为。

您需要将其移动到脚本的末尾，以便在调用事件处理程序时将其绑定：

Updated Codepen

Answer 2

enter code here

试试这个。

$(function () {


    $(document).on("click", "#showbanner", function () {
        alert('Hola');
    });

    $("#showbanner").click();

});

显示横幅

Answer 3

试试这个

<强> JS

$('#showbanner').on("click", function() { 
 alert("test");
});

$('#showbanner').trigger('click');

<强> HTML

<div id="showbanner">show banner</div>

Answer 4

试试这个

$('#showbanner').on("click", function() { 
 alert("test");
});

$('#showbanner').click();