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

未捕获的类型错误：对象 [对象对象] 没有方法“可排序”

我也尝试将类更改为 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' );

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

4

2 回答 2

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 回答
0

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

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

在那里你可以把代码与 $

于 2016-04-11T22:32:01.467 回答