Javascript J查询中.sortable函数的问题

这是我的一个同事

我试图创建两个列表，从中我可以在它们之间移动每个项目，更改将在下面的更新函数/排序状态div区域内更新

我在第3行的第一个警报起作用，但当我在第5行调用click函数时，第6行警报不起作用。总的来说，我认为我的代码可能缺少一些东西，或者分号等不合适。请帮助并留下反馈，谢谢

$(document).ready(function() {
 alert(0);
 $(".shopping_list").onclick(function() {
    alert(1);
    $("#names #places").sortable({
         containment: 'parent', 
        tolerance: 'pointer',
        cursor: 'pointer', 
        revert: true, 
        opacity: 0.60,
        connectWith:"#names #places",
        update: function(event, ui) {
             content = $(this).text();
              $('#sort_status').text(content);
        }
    })

 });
});

首先:

$（“#名称#位置”）

这意味着您有id为“名称”的元素，并且该元素有id为“位置”的子元素

您必须设置每个列表的可排序性。 也：

$（“.shopping\u list”）。onclick应为：

$(".shopping_list").click

正如他在报告和评论中指出的那样


首先，您需要添加
jqueryui
$（“#名称#位置”）
在元素
#名称
内搜索元素
#位置
。要选择这两个元素，需要用逗号分隔它们，如
$（“#名称，#位置”）

您应该将可排序初始化移出click事件

除此之外：


您需要删除：
“父项”
，否则无法将项目从当前列表中拖出（因此，显然无法在列表之间移动项目）


除非您希望对
标题进行排序（这也是无效的
HTML
），否则您需要将其移出


我已经更新并将每个列表设置为.sortable，但两个列表都没有响应。我的三个提醒都可以正常工作，但当我点击列表时，它们就开始工作了。我更新的fiddle jsfiddle.net/Nemi9/76JPk/4Doesn无法工作，因为您没有包含jqueryui.js库。现在试试：你也可以删除点击列表，因为在加载时你可以初始化可排序的。谢谢Grissom，你帮了我很大的忙。这是我的新小提琴链接，上面有你建议的两个更改。我想我解决了这个问题。蒂尔文·乔伊：你也对了，我需要将H3移出，并将父对象更改为文档。现在，由于某种原因，这在fiddle中有效，但在我的浏览器中无效？您确定已正确链接到jquery、jquery ui和包装在
$（document）.ready（）中的代码。
函数。。？还要检查控制台中的错误。。。