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控制台中收到此错误：

未捕获TypeError：对象[object Object]没有方法'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);

Answer 2

这是因为它无法理解 $ 符号尝试使用 jQuery 而不是 $ 。或者您可以使用以下函数包装整个代码：

+-----------+
| id | ...  |
+-----------+
| 4  | ...  |
+-----------+
| 2  | ...  |
+-----------+
| 5  | ...  |
+-----------+
| 6  | ...  |
+-----------+

你可以把代码放在$

JQuery'Sortable'无法在wordpress插件中运行

2 个答案: