2

だから、私は2つの問題があります:

  1. });//]]>これが jsfiddle のページの上部にあるのはなぜですか。

  2. 次に、本当の問題です。jQuery の並べ替え可能なオブジェクトのドロップ ゾーンを変更して、マウスの位置を反映するにはどうすればよいですか。だから私が言いたいのは、ソート可能なものをどこからドラッグするか (極端な左上隅または右下) は問題ではなく、代わりにマウスが上にあるtab1tab2ドロップされるかだけに依存するということです。

現在、ソータブルの中心は overtab1またはでなければなりません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 に答える