4

あるダイアログ ボックス、つまり「反復 1」を別のダイアログ ボックス、つまりリリース 1 にドラッグ アンド ドロップすると、完全に機能しますが、他のダイアログ ボックス、つまり「リリース 1」に不必要にスクロール可能なバーが追加されます。左上隅そのもの。

$(document).ready(function() {

    $( "#dialogRelease").dialog({

        autoOpen: false,
        modal: false,
        show:  {effect: 'fade', duration: 2000},
        hide: "size",
        resizable:false,
        draggable:true,
        height: 360,
        width: 450,
        position: [1300,500]
    });

});

ここで何かを変更する必要がありますか?

デモコードはこちら [http://jsfiddle.net/coolanuj/7683X/14/]

4

2 に答える 2

1

リリース後に別のコンテナ内にドラッグ可能なボックスを配置することについて話している場合、実際には、問題は別の場所にあります。アイテムをリリースすると、そのアイテムは新しいコンテナに追加されますが、ドラッグ可能なアイテムの値を変更topしたり、leftcssしたりすることはできません。したがって、表示領域の外に追加されることになります。コンテナが1つしかない場合は、次のように修正できます。

function deleteImage($item) {
    $item.fadeOut(function() {
        var $list = $("ul", $trash).length ? $("ul", $trash) : $("<ul class='gallery ui-helper-reset'/>").appendTo($trash);

        ////////position fix/////////
        $item.css({
            top: 10,
            left: 10
        });
        $item.find(".placeholder1").remove();
        $item.append($gallery).appendTo($list).fadeIn(function() {
            $item.animate({
                width: "200px"
            }).find(".placeholder1").animate({
                height: "250px"
            });
        });
    });
}

コンテナがより多くの要素を受け入れる必要がある場合は、それらを正しく配置するためのアルゴリズムを見つける必要があります。

于 2012-11-08T22:17:43.127 に答える
0 
    #dialogIteration {
        オーバーフロー:非表示;
    }

これにより、スクロールバーが修正されますが、何か他のものを探していると思います。jQuery プラグインを使用する前に、css を正しく設定することに集中してください。これは、jQuery の問題ではなく、スタイルの問題です。

ドラッグ アンド ドロップのドキュメントを確認してください。オーバーフロー オプションがどこかにある可能性があります。また、ダイアログ内のすべての要素が正しいスタイルであることを確認してください。そうしないと、非常に不安定な動作が発生します。

于 2012-11-08T22:13:24.223 に答える