如何获得在拖放拖动的元素时悬停的元素?
容器中的所有元素都具有通用的.droppableYElement类。
$("#container").droppable({
accept: ".droppableXElement",
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function (event, ui) {
alert("I am dropped");
// How can I get the element which I hovered at the moment of dropping the dragged element?
}
});
试试这个:http : //jsfiddle.net/lotusgodkk/GCu2D/528/
JS:
$(document).ready(function () {
$("#itemContainer > div").each(function (index, element) {
$(element).draggable();
});
$("#itemContainer").droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function (event, ui) {
var element = document.elementFromPoint(event.pageX, event.pageY);
//Get the coordinates of mouse and using these coordinates, find the element.
console.log(element); //Element which was hovered.
}
});
});
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句