他のjavascriptコードをブロックするAjaxコール

Question

私はフレックススライダーをページとページに使用していますajaxコール他の仕事のために。私の問題は、ユーザーがページをロードするときです。ajaxコールブロックフレックススライダー ajaxリクエストが完了しない限り。完成したajaxリクエストの後、flexスライダが正常にロードされました。もし私がajaxスクリプトを削除すると、flexスライダは非常に高速に読み込まれます。

の両方が、このコードの間に書かれたFlexスライダーとAjaxリクエスト...

$(document).ready(function(){ 
    $('#carousel').flexslider({ 
     animation: "slide", 
     controlNav: true, 
     animationLoop: true, 
     slideshow: false, 
     itemWidth: 100, 
     itemMargin: 15,   
     asNavFor: '#slider'   
    }); 

    // Rest code of slider will come here 

    // Ajax code start from here  
    $.ajax({ 
      type: "GET", 
      async:false, 
      url: prefixUrl, 
      success: function(results) { 
        $(results).insertBefore('.event_container'); 
      } 
     }); 

}); 

AJAX呼び出しがフレックススライダーをブロックしないように任意のアイデアを提案してください。

は、あなたの操作が完了し得るまで

Answer 1

非同期falseをお待ちしております、ありがとうございました。

これを試してみてください。

$.ajax({ 
     type: "GET", 
     async:true, 
     url: prefixUrl, 
     success: function(results) { 
       $(results).insertBefore('.event_container'); 
     } 
    }); 

//アップデート2：

実際には、あなたのAjaxはページreadyイベントが完了取得されていない実行されているまでのように、あなたはレディ機能でアヤックスを追加したので、何が起こっています。ドキュメントから削除してみてください。

Answer 2

ポストバック操作を取得しないように、asyncのように記述したコードでは、同期ajax呼び出しにつながるfalseを使用します。同期Ajaxコールを使用すると、前のリクエストに対する応答が得られるまで停止/ブロックできます。したがって、これを試してください：

$.ajax({ 
    type: "GET", 
    url: yourURL, 
    success: function(results) { 
      $(results).insertBefore('.event_container'); 
    }, 
    async:true 
});