Javascript jQuery拖放,然后打开每个列表项的特定警报

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

我对jQuery有一个问题。我有3个无序列表,我想当列表项从第一个ul删除到第二个或第三个ul时,打开一个警报,每个列表项的信息都不同。以下是我制作的,但它不起作用:


请帮忙

代码有一些问题。jQueryUI可能是一个难以理解的人,我受够了

  • 首先,您不需要将li声明为可拖动的(如果后面没有其他功能的话),因为可以为您排序
  • ui.item
    请求
    .data()
    已经是一个jQuery项了,您检索id,但那只是文本,在您的方法中,您应该用
    $('#'+itemTypeID)
    将其包装起来,但jQueryUI已经为您做了这件事
我试过这个,我想这就是你想要做的:

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