bxslider - 如何在 bxslider 中为 Ajax 生成的 li 的内容实现幻灯片效果

Question

目前我用 ajax 生成的 li 实现了一个 bxslider。ajax 请求中的一切都很好，内容也很好。我还在 ajax 导航中添加了 bxslider 导航代码。

我的问题是：使用 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)
    });

谁能帮我解决这个滑块问题，我也搜索了论坛，但找不到确切的解决方案。