jquery-isotope - 使未打开的框无法点击，直到较大的打开框关闭

Question

我目前正在玩 jQuery Isotope。我喜欢它，但它远远超出了我非常非常基本的 jQuery 知识。到目前为止，在其他人的帮助下，我正在慢慢达到我的最终目标。我今天的问题是看看是否有可能在打开的大框关闭之前使小框不可点击 - 请参阅http://jsfiddle.net/djsbaker/gPuD9/

我的理想是让每个较小的盒子在最顶部打开，然后将所有较小的盒子向下推。这看起来不太可能，因为在用户单击多个框后，较大的框会下降到第二行。解决此问题的一种方法是，一旦打开较大的框，就不要使较小的框不可点击……至少我希望如此。

提前致谢。

D B

Answer 1

尝试这样的事情：

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

这表示如果有一个元素上已经有“大”类（不包括被点击的元素），那么什么也不做。否则切换当前单击的元素“大”类。

然后，您的 css 将具有“大”类的样式以使元素更大。