Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在可排序的JQuery UI列表中至少保留一项_Javascript_Jquery_Jquery Ui_Jquery Ui Sortable - Fatal编程技术网

Javascript 在可排序的JQuery UI列表中至少保留一项

Javascript 在可排序的JQuery UI列表中至少保留一项,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,我有两个相连的可排序列表。我不希望用户能够将列表留空。他们必须始终在列表中至少有一项 我试着做一件长串的事情: $( "#unused, #used" ).sortable( { connectWith: ".connectedSortable", placeholder: "placeholder", items: "li:not(:only-child)" }).disableSelection(); 有人知道怎么做

我有两个相连的可排序列表。我不希望用户能够将列表留空。他们必须始终在列表中至少有一项

我试着做一件长串的事情:

    $( "#unused, #used" ).sortable( {
        connectWith: ".connectedSortable", 
        placeholder: "placeholder",
        items: "li:not(:only-child)"
        }).disableSelection();

有人知道怎么做吗?

我想可能是你使用了
:not
vs
not()
,但我不能肯定。总体选择器有时会让人感到痛苦,因为您试图将它们映射为各种需求

请尝试
$(this+'li')。不要(':独生子女)

如果这不起作用,那就试试看


$(这个+li:not:独生子女)

我想可能是你使用了
:not
not()
的关系,但不能肯定。总体选择器有时会让人感到痛苦,因为您试图将它们映射为各种需求

请尝试
$(this+'li')。不要(':独生子女)

如果这不起作用,那就试试看

$(this+'li:not:only child')
使用该选项,而不是:

当可排序列表中只剩下一项时,此选项将阻止排序

请参阅工作示例。

使用该选项,而不是:

当可排序列表中只剩下一项时,此选项将阻止排序


查看一个工作示例。

很抱歉,该示例没有抛出错误“li(:only child)”抛出无法识别的错误(:only child),当然是这样,因为它应该是
li:only child
。但是,我相信这个代码段只会在排序时删除列表中已经存在的最后一个项目。我不太了解jUI,但是有回调参数吗?您必须逐步检查,例如,当前正在排序的项目或即将删除的项目是否是最后一个项目。很抱歉,该示例未引发错误“li(:only child)”引发错误(:only child)无法识别。当然,它确实存在,因为它应该是
li:only child
。但是,我相信这个代码段只会在排序时删除列表中已经存在的最后一个项目。我不太了解jUI,但是有回调参数吗?例如,您必须逐步检查当前正在排序的项目或即将删除的项目是否是最后一个项目。
$( "#unused, #used" ).sortable( {
    connectWith: ".connectedSortable", 
    placeholder: "placeholder",
    cancel: "li:only-child"
});