2011-03-22 2 views
0

J'essaye de faire fonctionner jscrollpane sur une page très simple, mais pour une raison quelconque cela ne fonctionne pas. Une image qui a des barres de défilement normales quand je supprime le script pour jscrollpane, mais qui n'a pas de barre de défilement quand je l'inclue. Je me demande si quelqu'un pourrait jeter un coup d'œil et voir s'il y a quelque chose qui ne va pas.en essayant de faire fonctionner jscrollpane pour la première fois, sans succès!

Merci

Nick

http://nickharambee.dyndns.org/examples/jscrollpane.html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<head> 

<!-- styles needed by jScrollPane --> 
<link type="text/css" href="jquery.jscrollpane.css" rel="stylesheet" media="all" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

<!-- the mousewheel plugin - optional to provide mousewheel support --> 
<script type="text/javascript" src="jquery.mousewheel.js"></script> 

<!-- the jScrollPane script --> 
<script type="text/javascript" src="jquery.jscrollpane.min.js"></script> 

<script type="text/javascript"> 
    $(function() 
    { 
     $('.scroll-pane').jScrollPane(); 
    }); 
</script> 

<style> 

.scroll-pane { 
    width: 200px; 
    height: 200px; 
    overflow: auto; 
} 
</style> 
</head> 


<html> 
<body> 

<div class="scroll-pane"><img src="../files/nancy.jpg"></div> 

</body> 
</html> 

Répondre

0

Est-ce votre chargement de balise script jscrollpane? Assurez-vous que le fichier que vous pointez est effectivement là.

<script type="text/javascript" src="jquery.jscrollpane.min.js"></script> 

Si vous disposez d'un navigateur avec une console Javascript (par exemple, Safari, Chrome ou Firefox w/Firebug) vous pouvez taper $('.scroll-pane').jScrollPane et si cela est undefined alors la bibliothèque ne se charge pas correctement.

+0

merci pour votre réponse. pour une raison quelconque, il a commencé à travailler! Je ne sais pas pourquoi. merci aussi pour l'astuce de la console. pratique. – Nick

Questions connexes