jquery - Element を Div にドラッグします。それ自体をドラッグしないでください

Question

私は次の div を持っています:

<div id="Cc" style="height: 40px; width: 100%; border: 1px solid black" class="ui-sortable ui-droppable">
                </div>

このdiv内に新しい水平リストを作成する2つのドラッグ可能なulとの接続に成功しました。リストから要素をクリックすると、削除されます:

 $("#Cc").droppable({
            drop: function (event, ui) {
                var a = $(ui.draggable).attr('id');
                ts = "";
                if (dlistCc.length > 0)
                    ts = ",";
                var checkExists = document.getElementById("Id_" + a);
                if (checkExists) {
                    alert("Already there !");
                } else {
                    dlistCc.push(a);
                    var listElem = "<li  id=\"Id_" + a + "\"onclick=\"RemFromList('" + a + "_" + name + "_" + "#Cc" + "');\" style=\"font-weight:bold;margin-top: 1px;list-style-type: none;display:inline; margin-bottom: 3px; cursor:pointer; font-size: 11px; color:Black; padding-top: 1px; padding-bottom: 1px;  margin-left:2px; width:150px;\"><a>" + ts + $.trim($(ui.draggable).text()).replace(/\s(?=\s)/g, '') + "</a></li>";
                    $("#Cc").append(listElem);

                }
                NamesCc = NamesCc + listElem;
            }

        });

、しかし、次の問題があります。自分のdiv内で要素をドラッグでき、要素が複製されます。どうすれば防ぐことができますか？

前もって感謝します ！

Answer 1

var a = $(ui.draggable).attr('id');

var checkExists = document.getElementById("Id_" + a);

この 2 つの行には違いがありますが、わかりますか?

_{"Id_" +}