2009-12-03 7 views
3

Pourquoi cela ne fonctionne-t-il pas du tout pour moi?JQuery UI draggable ne fonctionne pas du tout!

<script type="text/javascript" src="Javascript/jquery-ui-1.7.2.custom.min.js"></script> 
<script type="text/javascript" src="Javascript/jquery-1.3.2.min.js"></script>  
<script type="text/javascript"> 

    $(function() { 
    $('.selector').draggable({ axis: 'x' }); }); 

    </script> 

    <body> 

    <div class="selector"> 
     <p>Drag me around</p> 
    </div> 

J'ai littéralement copié et collé à partir de la page d'exemple draggable sur le site jQuery et il ne fonctionne tout simplement pas :(

Quelqu'un peut-il me dire pourquoi?

+0

Vous avez des erreurs dans Firebug? –

Répondre

15

Modifier l'ordre de le javascript comprend, le fichier de base jQuery vient toujours en premier

+0

C'est tout. J'ai réussi à le faire fonctionner quand j'ai changé. –

+0

Je ne peux pas croire que réellement travaillé: | Merci pour cela, c'est frustrant –

+3

jQuery UI est un plugin jQuery, comme tous les autres plugins jQuery, il a besoin de jQuery pour être chargé avant. – PetersenDidIt

5

peut sembler trivial, mais vous devez charger la bibliothèque jQuery avant jQuery UI.

<script type="text/javascript" src="Javascript/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="Javascript/jquery-ui-1.7.2.custom.min.js"></script>  
<script type="text/javascript"> 
    $(function() { 
    $('.selector').draggable({ axis: 'x' }); 
    }); 
</script> 
<body> 
    <div class="selector"> 
    <p>Drag me around</p> 
    </div> 
+1

Yoda m'a battu, +1. – BenTheDesigner

Questions connexes