Question

I have problem getting newer version of jscrollpane to work with jQuery UI tabs.
I get only one tab (first one) working, but no others; i tried fix explained here with previous version, placing additional <div> controlled by tabs (and inside are divs controlled by jScrollPane) , as described here, but still with no luck. Has anyone experienced simmilar issues ? Thanks for clues!

Answer 1

I came to solution at last more/less on my own, of course with help by looking at this explanation given by jscrollpane author himself about this issue, but for previous version of jscrollpane.

As this did not work out of the box, and i still had problems implementing the solution, i added a click listener to tabs links, and when clicked, added jscrollpane to content div, like this

jQuery("#tabs ul li a").click(function () {
clickednum = "#tabs-" + jQuery(this).parent().attr("id");
jQuery(clickednum + " .skroler").jScrollPane();
    });

what i am doing here, is to wait for user to click on some tab link, and then add jScrollPane to tab content that coresponds to clicked tab link.

.skroler is an extra-div where is tab content, because it is described by script author that it must be done this way in order to work)

I am reckognizing tabs by li id attribute (which i was in need to generate from PHP. for other reasons)

This is specific implementation – from working example, probably it could be done simpler in other environment.

Ah, and of course, at the start of the story, you need to initialize jScrollPane to first opened tab like

jQuery("#tabs-1 .skroler").jScrollPane();