当.load（）加载内容时，jScrollPane无法正常工作

Question

我试图在UL上使用jScrollPane，使用.load（）动态加载内容，但是jScrollPane根本没有显示..

            <ul class=scroll-pane>
                <li>.</li>
            </ul>
            <script>
                $(document).ready(function(){
                    $('.scroll-pane').jScrollPane({showArrows: true});
                    $(".twitterFeeds ul").load('./Includes/tjcgTwitterFeeds.php?randval='+ Math.random());
                    var refreshId = setInterval(function() {
                            $(".twitterFeeds ul").fadeOut(100);
                            $(".twitterFeeds ul").load('./Includes/tjcgTwitterFeeds.php?randval='+ Math.random());
                            $(".twitterFeeds ul").fadeIn(100);
                            $('.scroll-pane').jScrollPane();
                    }, 10000);
                }); 
            </script>

Answer 1

改为调用.load回调中的插件：

var url = './Includes/tjcgTwitterFeeds.php?randval='+ Math.random();
$(".twitterFeeds ul").load(url, function() {
    $('.scroll-pane').jScrollPane({showArrows: true});          
});