CODEWITHSUNDEEP
jqueryjquery-jscrollpane
Tarek Sawah
Tarek Sawah

Reputation: 305

jScrollPane not working when contents are loaded by .load()

I am trying to use jScrollPane on a UL which contents are loaded dynamically using a .load(), however the jScrollPane is not showing at all .. 

            <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>

Upvotes: -1

Views: 96

Answers (1)

Blazemonger
Blazemonger

Reputation: 92893

Call the plugin in the .load callback instead:

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

Upvotes: 0

Related Questions