1

我正在尝试使用 jquery UI 功能创建一个流星应用程序。但是我无法让它工作。流星应用程序框架工作正常，但是一旦我开始使用 jQuery UI，就会出现如下错误：

$("#draggable1").draggable is not a function

在 Firebug 控制台中。

我尝试以多种方式包含 jquery 和 jquery UI 包：

  1. 添加了 jquery 包
  2. 从我的流星应用程序文件夹中的文件夹 \client\js\libs 在本地引用 jquery 和 jquery UI
  3. 只是在 client\js\libs 中有文件，而没有在我的 html 文件中引用它们。
  4. 在我的 html 文件中引用了 jQuery 和 jQuery UI 的 CDN 版本

根据萤火虫的说法，在每种情况下，javascript文件似乎都可以正常加载。但是像下面这样的代码根本不起作用（在我的 3views.js 文件中——3views 是我的流星应用程序的名称）：

if (Meteor.is_client) {

    $( "#draggable1" ).draggable({ revert: "invalid", snap: ".ui-widget-header", snapMode: "inner", snapTolerance: 100 });

...

在我的 3views.html 中：

...
<div id="draggable1" class="ui-widgetc-content draggable_box">
<img id="imgpair1" src="objects/obj_pair1a.png" class="objectpair">
</div>
...

使用 jQuery UI 小部件的正确方法是什么？

4

1 回答 1

3

可能您的库版本没有可拖动的小部件。转到下载生成器并包含它。

另外，检查您是否首先包含了 jquery，然后是 jqueryui 的脚本。

像..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
于 2012-08-26T12:31:25.847 回答