bxslider - Ajax で生成された li のコンテンツの bxslider でスライド効果を実装する方法

Question

現在、私は ajax で生成された li を使用して bxslider を実装しています。ajax リクエストではすべて問題なく、コンテンツは正常にフェッチされます。また、bxslider ナビゲーション コードを ajax ナビゲーションに追加しました。

私の問題は、ajax ナビゲーション ボタンを使用しているときに、bxslider のスライダー効果が機能しないことです。

私の bxslider コードは次のとおりです。

     $(document).ready(function(){
           myReadyFunction();
     }); 

function myReadyFunction(){

        var slider = $('#moreStories').bxSlider({
                             mode: 'horizontal',
                             speed:900,
                             controls: true,
                             pager: false,
                             displaySlideQty: 3,
                             moveSlideQty:1,
                             ticker: false,
                      });

       $('#go_prev').live("click", function(){
           ///alert("prev");
               slider.goToPreviousSlide();
            return false;
      });

      $('#go_next').live("click", function(){
        //alert("next");
        top.window.close();
        slider.goToNextSlide();
        return false;
      });

}

以下は、jquery 経由で ajax コンテンツにアクセスするための私のコードです。

function loadData(page)
{
     loading_show();    
     $.ajax({
               type: "POST",
       url: "load_page.php",
       data: "page="+page,
       success: function(msg){
          $(".ajaxBased").ajaxComplete(function(event, request, settings){
            loading_hide();
            $(".ajaxBased").html(msg);
          });
         }
      });
}
    loadData(1);  // For first time page load default results
    $('.ajaxBased #navigation a.active').live('click',function(){
        var page = $(this).attr('p');
        loadData(page)
    });

誰かがこのスライダーの問題を解決するのを手伝ってくれますか?フォーラムも検索しましたが、正確な解決策を見つけることができませんでした.