Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
Jquery 拖动Div中的元素。不要自己拖_Jquery_Jquery Ui - Fatal编程技术网

Jquery 拖动Div中的元素。不要自己拖

Jquery 拖动Div中的元素。不要自己拖,jquery,jquery-ui,Jquery,Jquery Ui,我有以下部门: 我已经成功地与2个可拖动ul建立了连接,它们在这个div中创建了一个新的水平列表,当我单击列表中的一个元素时,它将被删除: $("#Cc").droppable({ drop: function (event, ui) { var a = $(ui.draggable).attr('id'); ts = ""; if (dlistCc.length >

我有以下部门:

我已经成功地与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中拖动元素,它会复制该元素。我怎样才能预防它

提前谢谢

var a=$ui.draggable.attr'id'

var checkExists=document.getElementByIdId u2;+a

这两条线之间有区别,你能看到吗


不是这样的。我可以从两个列表中添加元素:一个是常规用户,其id由:id_uu+实际id.或groupId组成,由:G_uu+实际groupId.组成。代码很好。。。我想这都是为了一种礼节,我应该在沙发上把它弄得不脏。那你为什么不这样做呢?添加一个被删除的类,并禁止删除具有该类的元素。这就是我的问题:不允许删除我的div的元素?我希望它是其他div可拖放的,但我不希望它能够从自身拖动元素。我一直在通过谷歌寻找一个有效的解决方案,但什么都没有。@Noobsyke:那就照我在上一篇评论中说的去做,这就解决了你的问题。如果将其添加到var listElem=。。。;行,它将仅放置在拖动容器中的项目上。
 $("#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;
            }

        });