1

jqueryUI機能を使用してmeteorアプリを作成しようとしています。しかし、私はそれを動作させることができません。meteorアプリのフレームは正常に機能していますが、jQuery UIを使い始めると、次のようなエラーが発生します。

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

Firebugコンソールで。

jqueryとjqueryUIパッケージを複数の方法で含めてみました。

  1. jqueryパッケージを追加しました
  2. 私のmeteorアプリフォルダーの\client\ js\libsフォルダーからローカルでjqueryとjqueryUIを参照しました
  3. 私のhtmlファイルでそれらを参照せずに、client \ js\libsにファイルを持っていました。
  4. 私のhtmlファイルでjQueryとjQueryUIのCDNバージョンを参照しました

いずれの場合も、firebugによると、javascriptファイルは正常に読み込まれるように見えました。しかし、次のようなコードはまったく機能しませんでした（私の3views.jsファイルでは-3viewsは私のmeteorアプリの名前です）：

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 に答える