使未打開的盒子不可點擊直到打開較大的盒子關閉

Question

我目前在玩jQuery Isotope。我喜歡它，但它超出了我非常基本的jQuery知識。到目前爲止，在其他人的幫助下，我正在慢慢達到我的最終目標。我今天的問題是看看是否有可能使小盒子無法點擊，直到大開盒子關閉 - 請參閱http://jsfiddle.net/djsbaker/gPuD9/

我的理想是讓每個小盒子在頂部開口，並推動所有小一些。這看起來不像是可能的，因爲在用戶點擊幾個盒子後，較大的盒子落在第二行。圍繞這一點的方法是，一旦打開較大的盒子，不會使較小的盒子不可點擊......至少我希望。

在此先感謝。

DB

Answer 1

嘗試是這樣的：

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

這是說，如果有是有「大」類已經在它（不包括所單擊元素）的元素，則什麼都不做。否則，切換當前點擊的元素「大」類。

然後，你的CSS將有「大」類的樣式，使元素更大。