Javascript 如何在目标可排序表接收到拖动项后获取该项的类?
我尝试了ui.item和ui.draggable,但没有成功 附言:新手:)Javascript 如何在目标可排序表接收到拖动项后获取该项的类?,javascript,asp.net-mvc,drag-and-drop,Javascript,Asp.net Mvc,Drag And Drop,我尝试了ui.item和ui.draggable,但没有成功 附言:新手:) $(函数(){ $(“#可拖动”).draggable(); $(“#可拖放”)。可拖放({ 连接方式:“.connected”, drop:函数(事件,ui){ var targetId=event.target.id;//-->目标的id(元素将被放入其中) var orderId;//-->被拖动元素的id(不是targetId) if(ui.draggable.hasClass(“已连接”)){ 控制台日志(“
$(函数(){
$(“#可拖动”).draggable();
$(“#可拖放”)。可拖放({
连接方式:“.connected”,
drop:函数(事件,ui){
var targetId=event.target.id;//-->目标的id(元素将被放入其中)
var orderId;//-->被拖动元素的id(不是targetId)
if(ui.draggable.hasClass(“已连接”)){
控制台日志(“ok”);
orderId=sourceElementSo;
}
否则{
orderId=$(ui.draggable).attr(“id”);
};
}
});
}); 代码>
#可拖动{宽度:100px;高度:100px;填充:0.5em;浮动:左侧;边距:10px 10px 10px 0;}
#可拖放{宽度:150px;高度:150px;填充:0.5em;浮动:左侧;边距:10px;}
把我拖到我的目标
到这里来
$(this).hasClass(“已连接源代码”)Thx@VladuIonut,但仍然无法工作!你能提供更多的细节或修改代码吗?我已经编辑了我的条目
$(".target").droppable({
connectWith: ".connected",
drop: function (event, ui) {
var targetId = event.target.id;//--> id of the target (where elements will be dropped into)
var orderId;//--> id of the dragged element (NOT the targetId)
if ($(this).hasClass("source connected")) {
orderId = sourceElementSo;
}
else {
orderId = $(ui.draggable).attr("id");
};