javascript - ajaxからbxSliderロードスライド

Question

ajaxからbxSliderにスライドを挿入する方法はありますか?滑らかさには影響しません!

ページの読み込み時に 1 つのスライドのコンテンツのみを表示したいので、次または前をクリックすると、それに応じてコンテンツが読み込まれます。

これが私が試したものです。

    <div id="slider1">
    <div class="hotProp pager">
    //Here is div content for the first time page load        
    </div>
    </div>

    <script type="text/javascript">
    $(function(){
            page_count = 0;
            var slider = $('#slider1').bxSlider({
            easing:'swing',
            controls: true,
    });

    $('#go-next').click(function(){
                    page_count += 1;                         
                    //send request for next four properties
                    script_name = "~$sf_request->getScriptName()`";
                    $.getJSON(script_name+"/frontend/projects", {page_count: page_count}, function(response){
                    div_content = '<div class="hotProp pager"><div class="clr"></div>';
                    //div_content is content for the next slide
                    $('#slider1').html(div_content);
                    });
       slider.goToNextSlide();
       return false;
       });
 }); 

スライドの内容を乗っ取ったようです :P

bxSlider の API を使用してこれを達成する方法を教えてください。buildPager を使用してみましたが、期待どおりに slideIndex を取得できませんでした。