Question

我希望在加载并单击某个类的元素时运行一个函数......所以类似于：

$(".blah").on("load,click", function() {
    // do stuff
})

但似乎load事件不是一个事件（也许？）。让函数在点击和加载时运行的最佳方法是什么？

Answer 1

您可以触发文档就绪的点击：

$(document).ready(function() {
   $('.blah').click(function() {
       // handle click event
   });
   $('.blah').trigger('click');

});

来自load的jQuery文档：

当load元素和所有子元素都有时，load事件被发送到元素已完全装满。此事件可以发送到任何元素与URL相关联：图像，脚本，框架，iframe和窗口对象。

Answer 2

实际上有一个加载事件。您的代码不起作用，因为您需要在事件之间使用逗号。它应该是这样的：“加载点击”。

但我认为只有在加载元素后才需要触发点击，所以它应该是这样的：

$(".blah").load(function() {        
    $(this).bind("click", function() {
        // do stuff
    })
})

请注意，如果您要加载图片，则可能无效

与图像一起使用时加载事件的注意事项：

It doesn't work consistently nor reliably cross-browser
It doesn't fire correctly in WebKit if the image src is set to the same src as before
It doesn't correctly bubble up the DOM tree
Can cease to fire for images that already live in the browser's cache

http://api.jquery.com/load-event/

JQuery加载事件

2 个答案: