0

divをクリックしたときに「選択された」クラスを追加したい。問題は、親 div を持つ div をクリックしている場合です。選択したい子divではなく、親が選択されます。

子 div を選択せず​​に親 div をクリックし、その div の親を選択せず​​に子 div をクリックできるようにしたいと考えています。一度に選択したクラスを持つ必要があるのは 1 つの div だけです。div もサイズ変更およびドラッグ可能です。

$("#wrapper").delegate('div:not(".ui-resizable-handle")', 'mousedown', function() {
      $(".drag").removeClass('selected');
        $(this).addClass('selected');

    });

デモ: http://jsfiddle.net/6wYRF/3/ ...アイデアはありますか?

4

3 に答える 3

3

これはイベントの伝播によるものでfalse、イベント ハンドラから戻ることで防止します

$(".drag").draggable();
$(".drag").resizable();

$("#wrapper").delegate('div:not(".ui-resizable-handle")', 'mousedown', function() {
    $(".drag").removeClass('selected');
    $(this).addClass('selected');
    return false;
});

デモ:フィドル

于 2013-06-07T11:42:14.417 に答える