jquery sortable alert此列表id

时间:2011-05-05 14:26:56

标签: jquery user-interface jquery-ui-sortable

真的需要帮助

我正在使用jquery sortable。

我希望从正在拖动的列表元素中获取id。

“并非所有人都离开了”

以下是http://jsfiddle.net/isimpledesign/85LdV/1/

的示例

这会警告一个数组,但是我需要它才能回复被拖动的元素的id,这样我就可以将它传递给一个php文件。

有人可以帮我这个????

3 个答案:

答案 0 :(得分:3)

只是为了澄清乍得的答案 -

$(function() {
    $("#sortable").sortable({
        update: function(event, ui) {
            // i need to get the class text that is being dragged i.e
            var order = $(this).sortable("serialize");
            alert(order); 
            /*
             No need to bind any other events, ui.item is the dragged
             item in 'update' too and we only want to capture the id when the sort
             has changed presumably
            */
            alert(ui.item.attr('id'));
            /*
             No need for subscripting, ui.item is a jquery object so 
             we can just call attr() on it to get the ID
            */
        }
    });
});

答案 1 :(得分:0)

使用start事件:

$(function() {
   $("#sortable").sortable({
      update: function(event, ui) {
         // i need to get the class text that is being dragged i.e
        var order = $(this).sortable("serialize");
        alert(order);   
      },
      //Start event fires on the start of a sort
      //you can store the id from in here
      start: function(event, ui) {
         //here ui.item contains a jquery object that is the item being dragged
         alert(ui.item[0].id);
      }
   });
});

答案 2 :(得分:0)

使用此:

$(function() {
    var lastMoved = null;
    $("#sortable li").mousedown(function(){
        lastMoved = this;
    });
    $("#sortable").sortable({
      update: function(event, ui) {
        alert($(lastMoved).attr("id"));
      }
    });
});

经过测试和运作。 希望这可以帮助。欢呼声。