JQuery 'Sortable' 在 wordpress 插件中不工作

Question

所以我尝试使用 JQuery 具有的 Sortable 交互，但它不起作用。我知道，或者至少假设，库被正确导入，因为我能够使用 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 控制台中收到此错误:

Uncaught TypeError: Object [object Object] has no method '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 所需的全部内容，这是真的吗？如果不是，我还需要添加什么才能使用这个库？

编辑:

我尝试通过以下方式添加可排序库:

    wp_enqueue_script( 'jquery-ui-sortable' );

但我仍然得到同样的错误。我在这里错过了什么吗？

Answer 1

无论出于何种原因使用:

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);