如何在bxslider中为Ajax生成的li内容实现Slide Effect

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)
    });

任何人都可以帮我解决这个滑块问题，我也搜索了论坛，但找不到确切的解决方案。