jQuery Droppable得到以上項目的ID

我正在尋找幫助，請在使用jQuery可拖動和可拖拽的情況下在放置的容器中獲取id。我只是有兩個UL與listItems中，我從拖動列表1至列表2.我需要獲得該項目的id被丟棄的物品上面列表2jQuery Droppable得到以上項目的ID

的兩份名單被標記爲可排序它是沒有得到$(this).attr("id")根據基本的jQuery示例。我想這樣做的原因是，每個列表項都有一個訂單，當我刪除一個項目時，我想在它之上和下面的項目之間設置順序，以便在從數據庫重新加載時按順序顯示該項目被放入。因此，如果我獲得上面的項目，我將能夠獲得添加的訂單。

未包括代碼，因爲它與從一個列表拖到另一個列表的標準jQuery示例代碼相同。

任何幫助，將不勝感激

這裏是在滴點

$("#sortable1").sortable({ 
     dropOnEmpty: true, 
     connectWith: ".connectedSortable", 
     receive: function (event, ui) { 
       var itemId = ui.item.attr('id'); 
       var droppableId = $(this).attr("id"); 
       alert(droppableId); 

       //--Get DOM value 
       $.getJSON('/Dom/_ElementDetail/' + itemId, function (data) { 
        //--Save to new table 
       var name = data[0].Name; 
       var code = data[0].DomDetail; 
       var matterId = localStorage['MatterId']; 
       var stepId = localStorage['StepId']; 
       $.ajax({ 
        type: 'post', 
        url: '/DOM/AddElementMaster', 
        data: { name: name, code: code, matterId: matterId, stepId: stepId } 
       }); 

     }); 
     } 

    }).disableSelection();

來源

2012-11-23 user1724268

向我們展示您的代碼或在http://jsfiddle.net上分享您的代碼 –

您可以提供html標記。 '$（this）'在排序的therms中應該是選擇器'＃sortable1'的元素，你希望它是哪個元素？ –

檢查here

據我所知你設置好的一個事件drop或over這樣的代碼：

$("#droppable").droppable({ 
    drop: function() { 
     console.log($(this)); 
    } 
});

但是作爲文檔說當你使用排序對拖拽操作的信息可通過以下來了，你應該使用

$("#droppable").droppable({ 
    drop: function(event, ui) { 
      console.log(ui.draggable.attr('id')); 
    } 
});

同爲over事件

：

$(".sortable").sortable({ 
    receive: function(event, ui) { 
        var sender_id = ui.sender.attr('id'), 
            receiver_id = $(this).attr('id'), 
            item_id = ui.item.attr('id'), 
            above_id = ui.item.prev().attr('id'), 
            below_id = ui.item.next().attr('id'); 

        console.log("The item '" + item_id 
                    + "' was dragged from " + sender_id 
                    + "to '" + receiver_id 
                    + "'" + (above_id ? " below of '" + above_id + "', " : "") 
                    + (below_id ? " above of '" + below_id + "'" : "") 
                   ); 
    }, 
    connectWith: ".sortable" 
});

sample

來源

2012-11-23 04:08:23

謝謝，我不知道我明白你想告訴我什麼？我已經添加了droppable的代碼。記錄的值是總用戶列表。我使用排序而不是droppable，因爲我想能夠排序該列表 – user1724268

我更新了答案，希望它有幫助， –

謝謝，你的建議似乎並沒有工作。 sender_id和receiver_id給出了UL類的值，而不是ID或LI。我認爲這是因爲可拖動和可丟棄是UL的ID，而不是LI。但是，如果我更改爲LI，則拖動attampt拖動整個UL，而不僅僅是LI。希望這是有道理的 – user1724268

jQuery Droppable得到以上項目的ID

回答

相關問題