1

ajaxを含む動的スクロールバーを作成しようとしています。つまり、ajaxを介してスクロールバーで分割を更新しようとしています。これに少し問題があります。ダウンロードしたサンプルスクロールバーを使用して、Tiny Scrollbar：http：/ /www.baijs.nl/tinyscrollbar/
ここで私のプレビューを見ることができます：http ：//www.luminusconsult.com/apps/testing/index.html

これは私がインデックスページに持っているものです...

     <div id="reloaded">
       <div id="scrollbar1">
         <div class="scrollbar"><div class="track"><div class="thumb">
           <div class="end"></div></div></div></div>
             <div class="viewport">
                <div class="overview">
                   ....

                </div>
            </div>
        </div></div>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#scrollbar1').tinyscrollbar();   
            });
        </script>

そして、「リロードされた」部門をajaxでリロードしようとすると...

    <div id="scrollbar1">
     <div class="scrollbar"><div class="track"><div class="thumb">
       <div class="end">      </div></div></div></div>
         <div class="viewport">
           <div class="overview">
             ....
        </div>
    </div>
</div>
    <script type="text/javascript">
            $(document).ready(function(){
                $('#scrollbar1').tinyscrollbar();   
            });
    </script>

この問題を解決する方法はありますか？

4

1 に答える 1

0

ajax リクエストの成功コールバックに tinyscrollbar update メソッドを追加します。

$('#scrollbar1').tinyscrollbar_update();
于 2012-05-07T07:49:34.017 に答える