如何解决获取组件的放置目标
| 嗨,我想在Drop事件之后获取Drop目标的className / ID。有人告诉我怎么去吗?<div class=\"drop_1\" id=\"drop1\"></div>
<div class=\"drop_2\" id=\"drop2\"></div>
<div class=\"drop_3\" id=\"drop3\"></div>
所有DIV组件必须彼此可拖放
解决方法
例
$(function() {
***/* Make draggable */***
$(\".drop_1,.drop_2,.drop_3\").draggable();
var dropOpts = {
accept:\".drop_1,.drop_3\",drop:dropCallback,greedy:true
};
/* Droppable */
$(\".drop_1,.drop_3\").droppable(dropOpts);
/*get your Drop target*/
function dropCallback(e) {
alert(\"The firing droppable was \" + e.target.className);
}
});
,在放置处理程序中使用this.id
jsFiddle演示
$( \".selector\" ).droppable({
drop: function(event,ui) {
console.log(this.id);
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。