can i integrate jscrollpane in Wp

[ugakebet]

seriously guys. i wasted like a day on it. how do i use jscrollpane in wordpress? is it possible, i am using the no conflict mode as well. it works in normal html, but not in a php page of wordpress. i put the right stuff in the header, i put in

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/jScrollPane.css" type="text/css" media="screen"/>

this is my code

<script type="text/javascript">
jQuery(document).ready(function($){
$(".scroll-pane").({showArrows:true,scrollbarWidth:31});
$("#main-body").css({'width':'475px'});
// Add Scroller Object
$jScroller.add("#updates","#scroll","up",4,true);
// Start Autoscroller
$jScroller.start();

});
</script>

 

[dchuk]

two things:

1) did you make sure to also include the jscrollpane js files in your header?

2) make sure that you aren't conflicting with any other jquery/js stuff on the page

 

[ugakebet]

1) YES
2) No conflict at all

 

[bobsoap]

How did you include jQuery core in the header - with wp_enqueue_script? If so, are you including jscrollpane and your above script after or before wp_head()? Maybe you could post your header file.

 

[bobsoap]

Also, maybe try adding

$.noConflict();

before the first line in your script above.

 

[John rife]

im pretty sure that jscrollpane has got issues with wp. usign the wp_enqueue_script also will not help. it is jsut how it is. wp hsa problems reading the js file of scrollbars

 

[bobsoap]

im pretty sure that jscrollpane has got issues with wp. usign the wp_enqueue_script also will not help. it is jsut how it is. wp hsa problems reading the js file of scrollbars

wp_enqueue_script cannot "help" per se either way. All it does is enqueue scripts. It doesn't matter whether you add a script with wp_enqueue_script or hardcode it. My question relates to the order of the scripts at runtime.

And to say that a php script like WP has problems with a JS script is like saying a car's engine has problems with a bumper sticker.