jquery - 从两个列表中为 TextArea 添加值。这两个列表不应该能够在它们自己之间添加值

Question

我有以下内容：

1) id="To" 的文本区域

@Html.TextArea("To", new { id = "To", @style = "height: 40px; width:100%;border:1px solid black", @class = ".connectedSortable" })

2) id 为“sortable1”的用户列表

<ul id="sortable1" class="connectedSortable">

3) id 为“sortable2”的组列表

<ul id="sortable2" class="connectedSortable">

当我尝试将值从“sortable1”添加到“To”时，它可以正常工作。当我尝试将值从“sortable2”添加到“To”时，它工作正常。
当我尝试将值从“sortable1”添加到“sortable2”时，它可以正常工作，尽管它不应该。考虑到我需要两个列表都具有与“To”相同的类这一事实，我怎样才能避免它们交易元素？

这是元素之间连接的 JQuery 代码：

  $("#sortable1, #To").sortable({
            connectWith: ".connectedSortable"
        }).disableSelection();

        $("#sortable2, #To").sortable({
            connectWith: ".connectedSortable"
        }).disableSelection(); 

Answer 1

为什么这2个列表需要使用connectedSortable？你不能做一个他们使用的新课程吗？