jquery - 2つのリストからTextAreaに付加価値を付けます。2つのリストは、それらの間で値を追加できないようにする必要があります

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を使用する必要があるのはなぜですか？彼らが使う新しいクラスを作ってみませんか？