使未打开的框不可点击，直到关闭较大的打开框

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会为“大”类设置样式以使元素更大。