jquery - 在 div 中拖动元素。不要自己拖

Question

我有以下 div ：

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

我已经成功地与 2 个可拖动的 ul 建立了连接，它们在这个 div 中创建了一个新的水平列表，当我从列表中单击一个元素时，它会被删除：

 $("#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);

这两条线是有区别的，你看出来了吗？

_{"Id_" +}