0

ネストされたdivでjquery.animateを呼び出す必要があります。div構造は次のようなものです

<div id="jsPlumb_1_4" class="container">
       <div id="PlanItemPL1" class="PlanItem">
            <div id="window1" class="window">
            </div>
        </div>
</div>

divクラスウィンドウでmousedownイベント、animateイベントなどの操作を行うことに興味があります。誰かが私にどのセレクターを書くべきか教えてもらえますか？助けてくれてありがとう。

4

1 に答える 1

1

質問に詳細を記載せずに、一般的なアプローチをお勧めします。

$('#jsPlumb_1_4').on('mousedown', function(e){
    $(this).find('div.window').animate({'width' : '100px'}, 1000);
});

JSフィドルデモ。

このデモンストレーションでは、mousedownイベントを#jsPlumb_1_4要素にバインドし（イベントはその子要素のいずれかから伝播します）、animate()含まれているdiv.window要素でをトリガーします。

もう少し面白くするために、mouseupイベントも追加します。これによりmousedown、div.window縮小し、拡大mouseupします。

$('#jsPlumb_1_4').on('mousedown mouseup', function(e){
    var newWidth = e.type == 'mousedown' ? '50%' : '80%';
    $(this).find('div.window').animate({'width' : newWidth}, 1000);
});​

JSフィドルデモ。

e.typemouseupイベント（またはmousedown）を取得します。newWidth変数は、イベントが等しいかどうかに応じて、50%またはに依存します。80%mousedown

于 2012-09-05T20:47:20.890 に答える