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

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

以下是我的jQuery：

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

有人能帮我解释一下为什么这不起作用吗？我想我应该触发一个回调事件，但我不知道怎么做。我知道这个问题已经被问过多次了（通常建议使用.live（）或.on（）），但这些解决方案似乎都不适合我

编辑：这里有一个小提琴： 因此，登录应该是一个切换框，链接1、2和3在右二级div中加载html。登录切换按钮一直工作，直到我单击其中一个链接加载另一个页面

试试这个

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

---

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

请发布您的所有脚本，酷？如果可能，您可以在代码中粘贴一个链接。请停止使用

。live（）

-通过

委派。出于许多（主要是性能）原因，首选on（）

。阅读更多：或者@VIDesignz

.on（）

是自jQuery 1.7+以来的首选方式，而

.delegate（）

自jQuery 1.4.3+阅读这里的文档以来，我记得我也遇到过同样的问题。我在主页上加载jQuery，并在加载到div的页面上导入它。这会导致我的页面中断，因此我删除了第二页上的导入，并修复了问题