0 
$("div.con_user").draggable({ 
        delay: 100,
        revert: true,
        containment: $(this).closest(".roomblock_content"), 
        start: function( event, ui) {
            $(this).css("z-index", "200");
        },
        stop: function( event, ui) {
            $(this).css("z-index","50");
        }
    });

JQuery UI の封じ込めオプションが壊れているようです。div.con_user のクローンを作成してドラッグ可能なものを再適用しない限り、包含オプションをまったく尊重していないようです。

私のページに多くの .roomblock_content 要素があるという事実が原因でしょうか、それとも私のドラッグ可能なものがドロップ可能の中に含まれているためでしょうか?

編集: 申し訳ありませんが、HTML マークアップを忘れました。ここにあります：

<div class="roomblock_content">
    <div class="roomblock_col1">
        <div class="roomblock_pool_box">
            <span class="roomblock_pool_title"> Pool </span>

            <ul class="roomblock_slots">
                <li>
                    <div class="con_user prepaid_con"> </div>
                </li>
                <li>
                    <div class="con_user prepaid_con"> </div>
                </li>
            </ul>
        </div>
    </div>
</div>
4

1 に答える 1

1

ドラッグ可能の包含オプションを間違って設定していると思います。以下のようになります。

 containment: ".roomblock_content",

デモ

これがうまくいくことを願っています:)

于 2013-04-04T07:32:59.517 に答える