2012-05-19 68 views
3

我想要得到的拖累ID當我下降到一定DIVjQuery的投擲的獲得可拖動的ID

Drag <ul id="demo" > 
     <li id="1" ></li> 
     <li id="2" ></li> 
     <li id="3" ></li> 
     </ul> 

     <div class="drop"> drop here!! </div> 

JQUERY

$(".drop").droppable({ 
       drop: function(event, ui) { 

     // i need to get dragged id (note:able to drag multiple ids) 

     1,2,3..  

      }  
      }); 

請幫我! Thrks

回答

13

正如他們的jQuery UI說dropable DOC

所有的回調函數接收兩個參數:原始的瀏覽器事件和 準備UI對象,查看下面的此對象的文檔(如果您的第二個參數爲「ui」,則爲 ):

ui.draggable - 當前可拖動元素,一個jQuery對象。
ui.helper - 電流拖動幫手,jQuery對象
ui.position - 可拖動輔助的當前位置{頂部:,左:}
ui.offset - 將可拖動的輔助{頂部的當前絕對位置:,左:}

ui.draggable是作爲jQuery object丟棄的元素。

,讓你可以使用ui.draggable.prop('id')

+0

我試過$可放開({ 下降:函數(事件,UI){VAR ID = ui.draggable.prop( '身份證'); \t \t警報(ID); }}( 「水滴」)。 );但我沒有得到任何價值。請幫助我,我拖動了多個ID – Akshay

8

您可以使用ui.draggable來尋址可拖動元素。

drop: function(event, ui) { 
    var id = ui.draggable.attr("id"); 
} 

DEMO:http://jsfiddle.net/9RBJG/

+0

謝謝!!但是,當我放棄多個項目,我需要所有我已經下降的ID。類似於1,2,3 – Akshay

+0

請幫助我獲取多個ID。我拖動多個ID。 – Akshay

0

可以追加丟棄的節點一個div的ID,通過DIV你可以得到所有的IDS下降。像下面一樣

$(".drop").droppable({ 
    drop: function(event, ui) { 
     var id= ui.draggable.attr("id"); 
     $("#dropped-divs").append(id); 
    } 
相關問題