2010-03-24 5 views
-2

J'essaie d'implémenter un curseur jQuery avec des incréments. Je suis passé de la page de projet actuelle à une page de test du projet avec juste le curseur, juste le curseur. Dans tous les cas, j'ai été incapable de déplacer la poignée. Il semble également avoir une largeur de 1px ou similaire.La poignée du curseur jQueryUI ne bouge pas

Mon code est le suivant,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
     <title>jQuery slider</title> 

     <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.custom.css" type="text/css" media="screen" charset="utf-8" /> 

     <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
     <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $("#slider").slider(); 
      }); 
     </script> 

    </head> 
    <body> 
     <div id="slider"></div> 
    </body> 
</html> 

Je suis sûr qu'il ya quelque chose très simple en faute, mais je vois vraiment pas pour la vie de moi. La partie personnalisée de mon téléchargement consistait simplement à cliquer sur "Sélectionner tous les composants".

Répondre

-2

J'ai essayé votre code exact dans un fichier .html ... remplaçant uniquement votre comprend avec:

<link rel="stylesheet" type="text/css" media="screen" href="/css/ui-lightness/jquery-ui-1.7.2.bluetie.css" /> 
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/js/jquery-ui-1.7.2.custom.min.js"></script> 

... et ça a marché ... curseur sur tout l'écran ... facilement mobile ...

non de mes fichiers ont été modifiés de ce que je suis descendu de l'jquery site ....

Si vous ne recevez pas d'erreur de type javascript, ... je suppose que votre fichier .css n'est pas inclus.

Hope this helps, Andrew

+0

Je redownloaded le nouveau paquet entier à partir du site et par magie a fonctionné! Je suppose que mes fichiers étaient b0rk3d, d'oh –

0

je ne pense pas que le curseur montrera s'il n'y a pas de contenu et aucune hauteur fixe ... sécher ceci:

<div id="slider" style="width: 300px; height: 200px"> 
    // Put a huge lorem ipsum text here ;) 
</div>