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

Question

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

但是，当加载到 Facebox 时，这两种方法似乎都不起作用。我能够成功做到这一点的唯一方法是在内容末尾添加一个图像，并通过 onload 调用准备函数。

还有其他一些不那么hackish的方法可以做到这一点吗？

Answer 1

你可以这样做:

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

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

这对我有用!