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

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
Apply jquery function to ajax content

我读了Article about binding fancybox to a ajax loaded content通过.on

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

您可以像这样在ajax请求的成功回调中绑定(bind)selectbox

$.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