2

所以，我有两个问题：

  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/

4

1 回答 1

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

看到这个小提琴

您需要tolerance为draggable.

小提琴中的脚本标签导致了奇怪的字符。

于 2013-01-31T02:07:39.210 回答