Jquery 拖动Div中的元素。不要自己拖
我有以下部门: 我已经成功地与2个可拖动ul建立了连接,它们在这个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 >
$("#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;
}
});