Question

我在页面上有两个div：main div和secondary，它使用ajax加载一个单独的html页面。主要div中由click事件触发的所有链接继续正常工作并引用相应的内容，但此div之外的jquery都不起作用（例如导航）。

这是我的jQuery：

    var url;
    $('.main a').live('click',function() {
        url = $(this).attr('href');
        $('.secondary').load(url);
    return false;
    });

任何人都可以帮助我为什么这不起作用？我想我应该触发一个回调事件，但我不知道该怎么做。我知道这个问题已被多次询问（通常建议使用.live（）或.on（）），但这些解决方案似乎都不适用于我。

编辑：这是一个简短的小提琴：http://jsfiddle.net/snDzF/ 因此登录应该是一个切换瓶，链接1,2和3加载次要右侧div中的html。登录切换按钮一直有效，直到我单击其中一个链接以加载另一个页面。

Answer 1

试试这个

var url;
$('.main a').click(function(){
    url = $(this).attr('href');
    $('.secondary').load(url);
});

Answer 2

需要删除加载第二帧上的任何javascript文件。只能加载纯HTML。

通过ajax加载div后，按钮停止工作

2 个答案: