jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery droppable容器并不总是捕获drop事件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个使用jQuery拖放的用例.
一个 case中,只有当你紧密地瞄准.droppable div的顶部时才会工作,

在另一个case它永远不会工作.

我真的看不出这里的问题,两者都应该工作得很好.我也试过玩z-index,但那并没有解决任何问题.

@L_450_6@

所以问题是由属性的组合引起的:cursorAt我故意偏移,它将帮助器移动到与光标不同的位置,并且droppable上的认选项“tolerance”设置为Intersect.

当公差设置为“相交”时,等待可拖动帮助器与可投放容器相交至少50%.因为我正在抵消我的助手,所以很少正确地重叠.

将可放置容差更改为“指针”会强制它仅将指针接受为可拖动目标.

var taskSELEcted = $("#tablecontainer tr.SELEcted").length;

$("#tablecontainer tr.SELEcted").draggable({
    cursor: "move",cursorAt: { top:-12,left: -20 },Helper: function(event) {
        return $("<div class='ui-widget-header'>" + taskSELEcted  + " Tasks SELEcted.</div>");
    }
});

$(".featureOrgDataWrapper .droppable").droppable({
    activeClass: "ui-state-highlight",tolerance: "pointer",drop: function (event,ui) {
        alert("success");
    }
});

工作版本:#1#2

大佬总结

以上是大佬教程为你收集整理的jQuery droppable容器并不总是捕获drop事件全部内容,希望文章能够帮你解决jQuery droppable容器并不总是捕获drop事件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。