javascript - Load() 在被调用后似乎失去了作用域

Question

我有一个淡入某些 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');
});
});

Answer 1

如果.back元素是动态生成的，你应该委托事件：

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

---

$(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');
    });
})

Answer 2

在你点击了两个按钮之后，你已经淡出了.main-view和.return-main，但是你永远不会淡入它们。所以下次点击什么都不会发生。您是否需要在单击对面的按钮时将它们淡入？