Javascript jQuery拖放,然后打开每个列表项的特定警报
我对jQuery有一个问题。我有3个无序列表,我想当列表项从第一个ul删除到第二个或第三个ul时,打开一个警报,每个列表项的信息都不同。以下是我制作的,但它不起作用:Javascript jQuery拖放,然后打开每个列表项的特定警报,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我对jQuery有一个问题。我有3个无序列表,我想当列表项从第一个ul删除到第二个或第三个ul时,打开一个警报,每个列表项的信息都不同。以下是我制作的,但它不起作用: 请帮忙 代码有一些问题。jQueryUI可能是一个难以理解的人,我受够了 首先,您不需要将li声明为可拖动的(如果后面没有其他功能的话),因为可以为您排序 ui.item请求.data()已经是一个jQuery项了,您检索id,但那只是文本,在您的方法中,您应该用$('#'+itemTypeID)将其包装起来,但jQueryUI
请帮忙 代码有一些问题。jQueryUI可能是一个难以理解的人,我受够了
- 首先,您不需要将li声明为可拖动的(如果后面没有其他功能的话),因为可以为您排序
请求ui.item
已经是一个jQuery项了,您检索id,但那只是文本,在您的方法中,您应该用.data()
将其包装起来,但jQueryUI已经为您做了这件事$('#'+itemTypeID)
$(document).ready(function () {
$('ul.connectedSortable').sortable({
connectWith: ".connectedSortable",
helper: 'clone',
stop: function (event, ui) {
var itemType = ui.item.data("draggableitem");
switch (itemType) {
case 'text':
alert('text!');
break;
case 'photo':
alert('photo!');
break;
case 'video':
alert('video!');
break;
case 'music':
alert('music!');
break;
default:
alert(itemType);
}
}
});
});
$(document).ready(function () {
$('ul.connectedSortable').sortable({
connectWith: ".connectedSortable",
helper: 'clone',
stop: function (event, ui) {
var itemType = ui.item.data("draggableitem");
switch (itemType) {
case 'text':
alert('text!');
break;
case 'photo':
alert('photo!');
break;
case 'video':
alert('video!');
break;
case 'music':
alert('music!');
break;
default:
alert(itemType);
}
}
});
});