获取组件的Drop Target
get Drop Target of component
嗨,我想在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组件必须是可拖动的&
使用this。drop处理程序中的Id
jsFiddle演示$( ".selector" ).droppable({
drop: function(event, ui) {
console.log(this.id);
}
});
示例
$(function() {
***/* Make draggable */***
$(".drop_1, .drop_2, .drop_3").draggable();
var dropOpts = {
accept:".drop_1, .drop_2, .drop_3",
drop:dropCallback,
greedy:true
};
/* Droppable */
$(".drop_1, .drop_2, .drop_3").droppable(dropOpts);
/*get your Drop target*/
function dropCallback(e) {
alert("The firing droppable was " + e.target.className);
}
});
相关文章:
- 将 Drag&Drop 与 jsTree 和 DataTables 一起使用
- 此绑定与e.currentTarget与e.target
- Javascript Drop Down Box
- Target=_blank don'我不在mozilla和IE工作
- 我如何获得“”的原始位置;ui“可拖动”;在“;drop”;事件
- Javascript:如何在jQuery中编写这个drop事件
- jQuery event.target is_a_child_of(element)
- 处理“;drop”;与Raphael在javascript中的事件
- How to target an h1 inside an <a>?
- Form.target=window.opener.name不起作用
- HTML/JavaScript拖动&Drop-是否可以使重影图像*NOT*看起来'冲洗掉'
- JS new.target vs. instanceof
- 拖动'n带网格的Drop
- $(e.target).find和template.find('input').value之间有什么区别
- 面料:“;鼠标:向下”;在event.target中未返回对象
- Target=带有OnClick JavaScript的空白链接
- 使用event.target.classlist区分按钮颜色
- HTML5拖放;Drop-使用jQuery处理事件
- HTML5 drop事件具有不同的e.target作用域
- 获取组件的Drop Target