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!
je suis actuellement à avoir ce problème. Trouvé de solution à cela?
OriginalL'auteur Maxx | 2011-04-24
Vous devez vous connecter pour publier un commentaire.
Peut-être que je suis absent quelque chose ici, jamais utilisé jscrollpane, mais je ne vois pas de vous, y compris jquery lui-même. Aussi, vous appeler noconflict et puis encore utiliser $ dans votre fonction.
avez-vous essayé
$j('.scroll-pane').jScrollPane({showArrows: true});
? vous re-alias jquery $j de sorte que vous devriez être à l'aide de $j $.ouais j'ai fait deux versions, j'ai juste essayé: var $j = jQuery.noConflict(); $j(function() { ('.faites défiler le volet').jScrollPane({showArrows: true}); }); var $j = jQuery.noConflict(); $j(function() { $j('.faites défiler le volet').jScrollPane({showArrows: true}); });
OriginalL'auteur James Montagne
J'ai eu ce problème parce que j'était en train de charger deux fois jquery.
Scrollpane fonctionne bien lorsqu'il est utilisé dans:
Aussi n'oubliez pas de spécifier la largeur et la hauteur de la div vous postulez; ie.
OriginalL'auteur MarceBozu
Je ne vois que vous incluez la dernière jQuery, essayez de l'ajouter.
Pour ajouter la dernière jQuery en utilisant google l'hôte:
Et essayez d'utiliser Chrome Développeurs d'Outils de l'Onglet Ressources, puis vous allez voir les fichiers JS sur le web se charge.
vous pouvez voir un beau post sur mon blog à propos de ces barres de défilement: jQuery Barres de défilement
Aussi comme @kingjiv dit, vous utilisez Conflit puis '$'.
Essayez de supprimer il de Conflit et d'utiliser seulement:
Si cela ne fonctionne toujours pas, le jScrollPane pro charge avant le jQuery.
Pour résoudre ce essayez ces méthodes:
Premier déplacement vous r'
À la fin, après le
</body>
balise de Fermeture.Si ne fonctionne toujours pas, essayez d'utiliser Lorsque le document prêt
Il doit travailler 🙂
Regarde ce post, je pense que je sais de la problam.. Le jQuery n'a pas fini de se charger avant de l' $(function () appelée. Déplacer cette fonction
<script type="text/javascript"> $(function () { $('.scroll-pane').jScrollPane(); }); <script>
Vers le bas après la</body>
balise de Fermeture.Toujours pas de dés. Je l'ai mis après le </body>, et, avant, avec et sans que le document soit prêt.
OriginalL'auteur Danpe
J'ai eu le même problème et il m'a fallu âge de travailler. Je n'arrivais pas à trouver une solution.
Puis je suis tombé sur ce plugin pour
WordPress
nommé:WP jScrollPane
.J'ai téléchargé et installé. Suivi les instructions et la coutume
scrollbar
est apparu.Donc, pour moi, c'était en fait une solution très simple. J'étais tellement dans ce script, que j'ai totalement oublié que
WordPress
a ses propres plugins.De toute façon, je ne sais pas si c'est utile pour vous, mais il m'a beaucoup aidé.
OriginalL'auteur Rafaël
Je suis fatigué de problèmes avec ce plugin. J'ai travaillé pour un jour pour le faire fonctionner. J'ai découvert, qu'il a besoin de l':
... de fichiers, d'exécuter normalement. Donc, c'est un vieux plugin et le support n'est pas très bonne.
J'ai une solution très simple pour mon problème 🙂 :
et
Voici l'exemple:
http://jsfiddle.net/ghdcmsxx/
C'est génial 😀 . Et même sa optimisée pour le tactile.
Wow. Pas de jquery, seulement litte le css et le html. Je l'aime.
OriginalL'auteur Slowwie