如何在jQuery中更改放置區

Question

因此，我有兩個問題：

1. 為什么是});//]]>在jsfiddle頁面頂部。

2. 其次，真正的問題是，如何更改jQuery可排序對象的放置區域以反映鼠標的位置。 因此，我的意思是，從何處拖動排序對象（最左上角或右下角）都沒有關系，而僅取決於鼠標是否位於要放置的tab1或tab2上。

當前，sortable的中心必須在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", ...

看到這個小提琴

您需要為draggable設置tolerance選項。

小提琴中的腳本標簽引起了奇怪的字符。