3

可能重复：
将 jquery 函数应用于 ajax 内容

我通过.on阅读了关于将 fancybox 绑定到 ajax 加载的内容的文章

问题是：我需要在每次重新加载内部 DIV 时激活插件。

这是我的 HTML：

<div id="page">
 <div id="ajax_container">
  content with selectboxes
 </div>
</div>

这是我的 JS

jQuery("#page").on("focus", function(){
jQuery("select").selectbox({
        effect: "fade"
 }); // selectbox
}); // on

内容现在需要移动鼠标来转换选择框。我还没有找到任何其他工作事件。此外，转换 SELECT 需要很长时间。

每一个加载的 AJAX 内容如何只显示应用的插件？

注意：AJAX 请求是由另一个 js-framework/ruby 发出的

4

1 回答 1

1

您可以像这样绑定selectboxajax请求的成功回调内部

$.post('URL',{data:data},function(data){
                $(data).appendTo('#ajax_container').filter('select').selectbox({
                   effect: "fade"
                });
});

工作小提琴

由于您无法在该 ajax 成功回调中初始化插件，因此您可以注册一个全局成功回调，这可能会起作用。检查这个

$('body').ajaxSuccess(function(){
   $('select').selectbox({
                       effect: "fade"
                    });
});

更多关于.ajaxSuccess

于 2012-06-12T16:41:34.843 回答