獲取可拖動的每個div的ID

Question

我有以下jsfiddle。

我有一個可拖動區域分爲五個子區域，每個區域都有相應的ID。重點是我想在可拖動結束時檢索每個分區的標識，並打印出結果。但我無法做到這一點，因爲我正在使用Javascript的onmouseover方法，並且在拖動它時，鼠標始終指向可拖動的，而不是直接指向子區域。

這是代碼：

HTML

<div class="draggable ui-widget-content" id="barra_draggable"> 

    <div id="draggable5" class="ui-widget-header"></div> 
    <div class="franja_exp" onmouseover="printid(this);" id="five_years"></div> 
    <div class="franja_exp" onmouseover="printid(this);" id="four_years"></div> 
    <div class="franja_exp" onmouseover="printid(this);" id="three_years"></div> 
    <div class="franja_exp" onmouseover="printid(this);" id="two_years"></div> 
    <div class="franja_exp" onmouseover="printid(this);" id="one_year"></div> 
</div> 

<div id="resultado"></div> 

的Javascript

var resultado = document.getElementById("resultado"); 

function printid (elm){ 
    resultado.innerHTML = "" + elm.id; 
} 

$("#draggable5").draggable({ containment: "parent" }); 

什麼能在這裏完成用於檢索的ID？

Answer 1

您需要的其他元素「可棄」 ......這樣你就可以用過功能的IDS：

$(".franja_exp").droppable({over:function(event,ui){ 
    resultado.innerHTML = "" + this.id; 
    //or: printid(this); 
}}); 

在提琴

： http://jsfiddle.net/m6WUT/11/