如何在jQuery中更改放置区域

Question

所以，我有两个问题：

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

2. 其次，真正的问题是，如何更改jQuery可排序对象的放置区以反映鼠标的位置。所以我的意思是，从最右上角或右下角拖动可排序的位置无关紧要，而只是依赖于鼠标是否超过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

您需要为draggable设置tolerance选项。

小提琴中的剧本标签引起了奇怪的人物。