Question

可能重复：
Apply jquery function to ajax content

我通过 .on

阅读Article about binding fancybox to a ajax loaded content

问题是：我需要在每次重新加载内部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

创建的

Answer 1

您可以将selectbox绑定到ajax请求的成功回调中，如此

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

Working Fiddle

由于你无法在ajax成功回调中初始化插件，你可以注册一个全局成功回调，这可能有效。检查一下

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

更多关于.ajaxSuccess

将jquery插件应用于加载的ajax内容

1 个答案: