0

リンクがクリックされたときに実行されるこのコードがあります。

$.get(file.html, function(data) {           
  $('selector_1').html($(data).find('selector_2').html());
});

リンクをクリックするとフェードアウトし$.getながらコマンドが実行され、HTMLが配置されるとフェードインするようにコードを変更したいと思います。selector_1selector_1

これはどのように行うことができますか？

4

1 に答える 1

2

selector_1とselector_2は単なるサンプルであると仮定して、fadeOutコールバックを使用する以下のコードを試してください。

$('selector_1').fadeOut(300, function() {        
    $.get(file.html, function(data) {
        $('selector_1')
            .html($(data).find('selector_2').html())
            .fadeIn();
    });    
});

また、トランジションが完璧になるように、 がコールバック$.get内にラップされていることにも注意してください。fadeOut

これも私が考えた解決策ですが、問題は$.getコマンドがフェードアウト後に送信され、同時に送信されないことです$.get。コマンドをすぐに実行したいのです。

下記参照。

$('selector_1').fadeOut(300);
$.get(file.html, function(data) {
    $('selector_1')
      .html($(data).find('selector_2').html())
      .fadeIn();
});
于 2012-09-19T19:42:24.640 に答える