2011-12-23 66 views
0

我想,当某一类的元件装入,并点击运行函数...所以像:JQuery的加载事件

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

但似乎load事件不是一个事件(可能? )。让功能在点击和加载时运行的最佳方式是什么?

回答

0

你可以触发文件准备好点击:为load

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

}); 

从jQuery的文档:

负载事件被发送到一个元素时,它和所有的子元素有 已完全加载。此事件可以发送到与URL相关联的任何元素 :图像,脚本,框架,iframe和窗口对象。

0

实际上有一个加载事件。你的代码不工作,因为你需要事件之间的逗号。它应该是这样的:“加载点击”。

但我认为你需要点击只触发元素加载后,所以它应该是这样的:

$(".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/

:与图像一起使用时加载事件的