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

Question

页面上有两个 div:主 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())，但这些解决方案似乎都不适合我。

编辑:这是一个简短的 fiddle :http://jsfiddle.net/snDzF/ 所以登录应该是一个切换瓶，链接1、2和3在第二个右侧div中加载html。登录切换按钮会一直工作，直到我单击其中一个链接来加载另一页面。

Answer 1

试试这个

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