0

いくつかの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');
});
});
4

2 に答える 2

0

要素が動的に生成される場合.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');
    });
})
于 2013-01-03T00:05:08.057 に答える
0

両方のボタンをクリックする.main-viewと.return-main、 と の両方がフェードアウトしますが、フェードインすることはありません。したがって、次のクリックでは何も起こりません。反対側のボタンをクリックしてフェードインする必要がありますか?

于 2013-01-03T00:06:31.510 に答える