JscrollPane not working at all

Question

I know that I use the bad header, but I cannot describe it to others.

Code here: http://jsfiddle.net/FFjgc/3/

Title :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" /> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/mwheelIntent.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.scroll').jScrollPane(); }); </script> 

And css

 .scroll { width: 100%; height: 200px; overflow: auto; } 

It is so simple, I use all the libraries, and I am sure that there is no error in the code, since I have been looking at it for the last 2 hours.

Thanks.

Answer 1

No problem with jQuery version. You must wrap your content with a p tag to run Jscrollpane. This way your content will look more semantic .

Example here

Answer 2

I ran this problem and finally jScrollPane works with all its functions using jQuery 1.9.1.

The solution was very simple: initialize the plugin on window.load.

 $(window).load(function) { $(".your-selector").jScrollPane(); } 

I hope this helps someone

Answer 3

The problem is the version of jQuery.

Test with http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js