Javascript Load（）在它之后似乎失去了作用域'；它被唤醒了

我在一些html文件中有一个淡入淡出的按钮，然后是一个返回按钮，它将用户返回到初始视图。然而，这只起作用一次。他们无法再次单击按钮以获取更详细的视图

$('.support').click(function () {
$('.main-view').fadeOut('slow', function () {
    // Animation complete.
    $('.main-view-wrapper').load('includes/modules/support.html');
});
});


$('.back').click(function () {

$('.return-main').fadeOut('slow', function () {
    // Animation complete.
    $('.main-view-wrapper').load('includes/modules/main-view.html');
});
});

---

如果动态生成

.back

元素，则应委派事件：

$('.main-view-wrapper').on('click', '.back', function(){
    $('.return-main').fadeOut('slow', function () {
         // Animation complete.
         $('.main-view-wrapper').load('includes/modules/main-view.html');
    });
})

---

---

单击两个按钮后，您将淡出

.main view

和

.return main

，但不会将它们淡出。因此，下次单击时不会发生任何事情。您需要在单击相反的按钮时淡入吗？

查看jQuery文档中的

unload（）

-

。主视图包装器

听起来像是

的祖先。如果是这样的话，
。主视图将被销毁
$（'.main view wrapper'）。加载（'includes/modules/support.html'）。
includes/modules/main view.html
是否具有
.main view
？否。主视图是.main view wrapper的祖先这是指按钮正在加载到内容中。公平地说，我们不知道这些按钮的位置。后退按钮位于通过load（）加载的include文件中。两个按钮都可以工作，但只有一次。如果用户点击后退按钮，则会再次显示主要内容，但他们无法启动ajax加载。我注意到，如果我将代码粘贴到firebug中，它会再次工作，但只工作一次。on（）看起来会工作，但我不确定如何重构脚本以包含on（）方法。我厌倦了使用上面示例中的on（）方法，但仍然不起作用。它只会工作一次，但用户返回后，就不能再向前移动了。当用户单击按钮时，它会加载一个包含这些元素的html文件，因此这些元素会被带回dom中。我可以看到他们出现在firebug中。嗯。。。您有没有可能在、或类似的设备上设置演示？
$(document).on('click', '.support', function () {
   $('.main-view').fadeOut('slow', function () {
       // Animation complete.
        $('.main-view-wrapper').load('includes/modules/support.html');
    });
});

$(document).on('click', '.back', function(){
    $('.return-main').fadeOut('slow', function () {
         // Animation complete.
         $('.main-view-wrapper').load('includes/modules/main-view.html');
    });
})