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

时间:2013-09-12 08:13:01

标签: jquery load fancybox execute

我的文档中有以下功能

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

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