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，但是您永远不会将它们淡入。所以下次点击时不会发生任何事情。你需要点击相反的按钮淡入它们吗？

在引发后，Load（）似乎失去了范围

2 个答案: