jquery - jQuery .load() html 内容和执行脚本

Question

我的文档中有以下功能

jQuery(document).ready(function() {
jQuery('body').on('click', 'a.menu', function () { 
        var target = jQuery(this).attr('href');
    jQuery('#container').load(target+' #content');
        return false;
    });

$("a.group").fancybox();

});

第一个用菜单链接的 href 替换容器。相应的子页面实际上是普通的 div，但可以是完整的 html（如果需要）。

第二个调用所选元素的fancybox 库。

$("a.group").fancybox()加载子页面时，如何执行此操作？

多谢提前，mart05

Answer 1

您可以在.loads中使用完整的回调功能。

jQuery('#container').load(target+' #content', function(){
    // this will run when .load has completed loading content
    $("a.group").fancybox();
});

Answer 2

Load有一个回调函数。所以在这个执行fancybox：

jQuery('#container').load(target+' #content', function() {
              $("a.group").fancybox();
          });