Question

我有以下jsfiddle。

我有一个可拖动的区域，分为五个子区域，每个区域都有相应的id。关键是我想在draggable超过它们时检索每个子区域的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

你需要让其他元素“可以放置”......这样你就可以通过over函数得到id：

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

在你的小提琴中： http://jsfiddle.net/m6WUT/11/

得到一个可拖动的每个div的id

1 个答案: