0

だから私はSortableJQueryが持つ相互作用を使おうとしていますが、うまくいきません。を使用できるため、ライブラリが正しくインポートされていることを知っているか、少なくとも想定していますdraggable。

使用しようとしているHTMLは次のとおりです。

<ul class="_ts">
    <li><a   class="new_appt" href="#">Open</a></li>
    <li><a   class="new_appt" href="#">Open </a></li>
</ul>

Javascript は次のとおりです。

$("._ts").sortable();
$("._ts").disableSelection();

ページをロードすると、JS コンソールに次のエラーが表示されます。

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にはメソッド 'sortable' がありません

クラスをIDに変更しようとしましたが、それもうまくいきません。これはかなり単純な実装のように見えますが、何らかの理由でうまくいきません。

ここのドキュメントを使用しました: http://jqueryui.com/sortable/これを実装しましたが、うまくいきません。前述したように、このdraggable機能を使用できます。そのために私がしたこと：

$("._ts").draggable();

そして、すべてが期待どおりに機能しました。注として、私はWordpressを使用しており、使用したJQueryライブラリをインポートするために：

wp_enqueue_script( 'jquery-ui-datepicker' );
wp_enqueue_style('jquery-ui-css', 'http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css');

JQuery UI を使用するために含める必要があるのはこれだけだと読みましたが、本当ですか? そうでない場合、このライブラリを使用するには他に何を追加する必要がありますか?

編集：

次のようにして、Sortable Library を追加しようとしました。

    wp_enqueue_script( 'jquery-ui-sortable' );

しかし、私はまだ同じエラーが発生します。ここで何か不足していますか？

4

2 に答える 2

0

これは$記号を理解できないためです$の代わりにjQueryを使用してみてください。または、次のように関数でコード全体をラップすることもできます。

(function ($) {
... //Any code here
}(jQuery)

そこに $ でコードを置くことができます

于 2016-04-11T22:32:01.467 に答える
0

何らかの理由で以下を使用：

wp_enqueue_script( 'jquery-ui-sortable' );

動作しません。直接リンクを使用する必要がありました：

wp_enqueue_script('my_jquery_ui', "http://code.jquery.com/ui/1.10.3/jquery-ui.js", array('jquery'), '1.0', false);
于 2013-11-08T01:20:40.540 に答える