Drupal JQuery UI Draggable/Stacking Divs

Question

J'essaie de faire fonctionner la fonction dragable jquery, en particulier la fonctionnalité d'empilage, dans Drupal. J'ai le module d'interface utilisateur JQuery installé et il fonctionne bien avec une boîte coulissante hide/reveal mais pas pour le draggable?

Voici ce que j'ai dans le corps de ma page:

<?php 
drupal_add_js(' 
$(document).ready(function drag() { 
    $(".cc-drag").draggable(); 
});','inline'); 
?> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div> 

J'utilise Drupal 6.x sur WAMP.

Merci!

Answer 1

mon dieu, je me sens émotif, je l'ai eu à travailler 1 minute après avoir fini le travail. pour une raison quelconque les fichiers js ne sont pas charger ou ne se charge pas complètement, donc je copier ceux que je avais besoin à mon dossier de thème et liés à eux dans mon fichier .info comme si:

scripts[] = js/jquery.ui.widget.js 
scripts[] = js/jquery.ui.mouse.js 
scripts[] = js/jquery.ui.core.js 
scripts[] = js/jquery.ui.draggable.js 

l'ordre dans lequel ils se chargent en est important. J'ai trouvé beaucoup d'autres discussions et forums où d'autres personnes ont eu le même problème au cours des 1-4 derniers mois. J'espère que ceci aide quelqu'un d'autre. La console js dans firebug a été très utile pour arriver à la racine des erreurs, si quelqu'un a besoin d'explorer son propre problème plus loin.

Answer 2

Ceci est la méthode préférée:

jquery_ui_add(array('ui.draggable', 'ui.resizable', 'ui.dialog')); 

juste place que dans la fonction hook_init() de votre module.

Answer 3

Dans Drupal 7, où l'interface utilisateur jQuery est dans le noyau:

drupal_add_library('system', 'ui.draggable'); 

Voir http://drupal.org/node/1001508

Dans Drupal 6:

jquery_ui_add(array('ui.draggable')); 

Voir jquery_ui.module/jquery_ui_add()