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

Question

我在页面上有两个 div：主 div 和辅助，它使用 ajax 加载一个单独的 html 页面。由单击事件触发的主 div 内的所有链接继续正常工作并引用适当的内容，但此 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。