開いていない大きな箱が閉じられるまで開かれていない箱をクリックできないようにする

Question

私は現在jQuery Isotopeで遊んでいます。私はそれが大好きですが、それは私の非常に基本的なjQueryの知識の上にあります。これまでは他の人の助けを借りて、私は徐々に私の最終目標に向かっています。私の質問は、大きな箱が閉じられるまで小さな箱をクリックできないようにすることができるかどうかを確認することです。 - http://jsfiddle.net/djsbaker/gPuD9/

私の理想は、小さな箱を一番上にして、小さいものは落ちる。これは、ユーザーがいくつかのボックスをクリックした後に大きなボックスが2行目に落ちるため、可能ではないように見えます。これを一周する方法は、大きなものが開かれたら小さな箱をクリックできないようにしないことです...少なくとも私は望みます。

ありがとうございます。

DB

Answer 1

はこのような何かを試してみてください：

$(".element").click(function() { 
    if ($(".element.large").not(this).length === 0) { 
     $(this).toggleClass("large"); 
    } 
} 

（クリックされた要素を含まない）、その上に、すでに「大」クラスを持つ要素がある場合、これは言って、その後何もしません。それ以外の場合は、現在クリックされている要素の「大」クラスを切り替えます。

あなたのCSSは、要素を大きくするために "大きな"クラスのためのスタイリングを持っています。