Question

我正试图在Drupal中使用jquery draggable函数，尤其是堆栈功能。我已经安装了JQuery UI模块，它可以使用隐藏/显示滑动框，但不适用于可拖动的？

以下是我在页面正文中的内容：

<?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>

我在WAMP上使用Drupal 6.x.

谢谢！

Answer 1

在 Drupal 7 中，jQuery UI位于核心：

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

请参阅http://drupal.org/node/1001508

在 Drupal 6 ：

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

请参阅jquery_ui.module/jquery_ui_add()

Answer 2

我的上帝，我感到很情绪化，我在完成工作后1分钟就开始工作了。由于某种原因，js文件没有加载，或者没有完全加载，所以我将我需要的文件复制到我的主题文件夹并在我的.info文件中链接到它们：

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

他们加载的顺序很重要。我找到了许多其他线程和论坛，其他人在过去的1-4个月里遇到了同样的问题。希望这有助于其他人。如果有人需要进一步探索自己的问题，那么firebug中的js控制台真的很有助于找到错误的根源。

Answer 3

这是首选方法：

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

只需将其放在模块的hook_init()函数中。

Drupal JQuery UI可拖动/堆叠Div

3 个答案: