Question

我试图让jQuery在页面加载时单击链接，我就像下面这样做。但似乎没有任何效果。我需要的东西就像它们一样，因为我以后也会用同一个链接调用function。任何想法，我似乎做错了什么，以及如何做到这一点？

该功能正常工作如果我在页面加载后手动点击链接。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test trigger</title>
<script type="text/javascript" src="http://localhost/site/scripts/jQueryCore.js"></script>

<script type="text/javascript">
$(document).ready(function() {

    $(".link").trigger('click');

    $('.link').click(function () {
        console.log('I was clicked');
    });

});
</script>
</head>
<body>

    <div id="container">
        <span class="link">Click Me</span>
    </div>

</body>
</html>

Answer 1

您需要在将处理程序注册到目标元素后触发事件。当在元素上触发事件时，将仅调用已在其中注册的处理程序

$('.link').click(function () {
    console.log('I was clicked');
});
$(".link").trigger('click');

演示：Fiddle

页面加载时jQuery trigger（）不起作用

1 个答案: