jquery:加载ajax的内容中的$(window).bind('load',function())和$(document).ready(function())

时间:2009-09-08 13:01:24

标签: jquery-ui jquery

我正在使用facebox(http://famspam.com/facebox)来保存通过ajax调用加载的一些内容。正在加载的内容中有一个jquery ui slider元素。在非ajax加载的内容中,我可以使用$(window).bind('load',function())或$(document).ready(function())方法,以便通过a触发滑块的构造调用如$('#targetDiv')。slider(...);

但是,当加载到facebox时,这两种方法都不起作用。我能够成功完成此操作的唯一方法是在我的内容的末尾添加一个图像,其中一个onload调用准备功能。

还有其他的,不那么黑的方法吗?

2 个答案:

答案 0 :(得分:3)

你可以这样做:

 $(document).bind('reveal.facebox', function() { YOUR CALLBACK AFTER LOAD CONTENTS });

 jQuery.facebox({ ajax: 'load.html'});

这适合我!

答案 1 :(得分:1)

我已经将我的面具盒分开几次,并添加了一些额外的功能。其中一个是加载时的回调函数(将facebox内容作为参数传递)

您可以找到我的facebox here

版本

您可以像这样使用它:

jQuery.facebox({ ajax: 'load-file.html',
    callback: function(fb) {
       // You can now use fb as a scope
       jQuery('.find-me', fb).doSomething();
    }

还有其他一些小功能,只需从第66行查看:)

希望这有帮助