1

コードを使ってjsfiddleを用意しました。

「小さなブーブレ」を押すと、大きなバブルと小さなバブルがあります（名前をsth elseに変更すると、別のバブルが表示されます）。問題は、クロームやオペラでドラッグできるようにしたくないということです。IEの下では問題なく動作し、両方のバブルをドラッグできます（一緒に移動します）。クロームやオペラの下では、大きなものだけがドラッグ可能で、もう一方はドラッグできません。

要素の望ましい構造は次のとおりです。

<div id="bubble-someUserName" class="bubbles-user" >
     <div class="bubbles-view"></div>
     <div class="bubbles-view"></div>
     <div class="bubbles-view"></div>
</div>

そして私は設定しています

$('.bubbles-user').draggable();

私はここで何が欠けていますか？

4

1 に答える 1

2

更新しました

いくつかの問題があります：

1）使用しているJSFiddleで

MainContainer().find('#bubbles-' + userName) ...

クラスではなくIDを探しています。bubbles-user2番目のバブルにはIDがなく、探しているクラスもありません。

2）要素が期待どおりにネストされていません。

小さいバブルは大きいバブルの子要素であり、コンテナではありません。これはおそらくアニメーションの要件が原因です。

3）一度クリアしても動作しません。理由はまだわかりませんが、アイテム＃2と、クリック処理が期待どおりにバブリングしていないという事実に関係していると思います。.delegate()新しく作成された要素にハンドラーをアタッチするには、どこかでを使用する必要がある場合があります

于 2012-12-18T21:56:44.390 に答える