jScrollPane barre de Défilement Problème

Je suis en train de travailler sur un site utilisant WordPress comme un CMS, et je voulais utiliser une coutume de la barre de défilement à l'intérieur d'un div sur mon site. J'ai essayé d'utiliser le jScrollPane plugin, mais j'ai du mal à la faire fonctionner.

le code principal est dans mon header.php fichier, et il existe une classe .faites défiler le volet le code pertinent header.php est:

 <style type="text/css" id="page-css"> 
            .scroll-pane
                {
                    width: 100%;
                    height: 280px;
                    overflow: auto;
                }
        </style>
    <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js"></script>
    <link type="text/css" href="<?php bloginfo(template_url); ?>/style/jquery.jscrollpane.css"  media="all" />
    <script type="text/javascript" src="<?php bloginfo(template_url); ?>/js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="<?php bloginfo(template_url); ?>/js/jquery.jscrollpane.min.js"></script>

        <script type="text/javascript"> 
            var $j = jQuery.noConflict();
            $j(document).ready(function()
            {   
                $('.scroll-pane').jScrollPane({showArrows: true});
            });
        </script> 

page.php:

< div id="sign-right">

< div class="newsBox-padding">

< div class="scroll-pane newsBox"> WP loop goes here </div></div>


CSS:
.newsBox{height:280px; overflow: auto;}

J'obtiens l'erreur suivante (pris avec firebug):

" $(".scroll-pane").jScrollPane is not a function
$('.scroll-pane').jScrollPane({showArrows: true}); "

Je pense que le problème est dans la fonction donc j'ai essayé un tas de suggestions à partir de différents postes et les forums, y compris:

$function(){ jQuery('.scroll-pane').jScrollPane({showArrows: true});

$function(){ $('.scroll-pane').jScrollPane({showArrows: true}); });

J'ai vérifié toutes mes références à des fichiers externes et fait en sorte que les classes ont le même nom, ils semblent tous être de droite. Et j'ai eu un code savvy ami aussi, en vain.

J'apprécie vraiment votre aide!

le code est utilisé pour ce site: maxxberkowitz.com/buzzkill-dev/?page_id=209
je suis actuellement à avoir ce problème. Trouvé de solution à cela?

OriginalL'auteur Maxx | 2011-04-24