jquery - 如何在 jQuery 中更改拖放区域

Question

所以，我有两个问题:

1. 为什么这个 });//]]> 位于 jsfiddle 的页面顶部。

2. 第二，真正的问题，如何更改 jQuery 可排序对象的放置区域以反射(reflect)鼠标所在的位置。所以我的意思是，将可排序项从何处拖动(左上角或右下角)并不重要，而只取决于鼠标是否位于 tab1 或 tab2 被删除。

目前，可排序的中心必须位于 tab1 或 tab2 上方。

var $tab_items = $("ul:first li", $tabs).droppable({
    accept: ".connectedSortable li",
    hoverClass: "ui-state-hover",
    drop: function (event, ui) {
        var $item = $(this);
        var $list = $($item.find("a").attr("href"))
            .find(".connectedSortable");

        ui.draggable.hide("slow", function () {
            $tabs.tabs("select", $tab_items.index($item));
            $(this).appendTo($list).show("slow");
        });
    }
});

我对 JavaScript 和 jQuery 相当陌生。我认为 drop: function( event, ui ) { 绝对是我应该寻找的地方。任何对此的见解将不胜感激。

http://jsfiddle.net/justinmvail/LARnD/

Answer 1

$('selector').droppable({ tolerance: "pointer", ...

See this fiddle

您需要设置 tolerance 可拖动选项。

fiddle 中的脚本标签导致了奇怪的字符。