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

发布于 2024-12-07 01:50:55 字数 374 浏览 3 评论 0原文

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

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

提前致谢。

数据库

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

过潦 2024-12-14 01:50:55

尝试这样的操作：

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

这表示如果有一个元素已经具有“large”类（不包括被单击的元素），则不执行任何操作。否则切换当前单击的元素“大”类。

然后，您的 css 将为“large”类设置样式，以使元素更大。

Try something like this:

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

This says if there is an element which has the "large" class already on it (not including the element that was clicked) then do nothing. Otherwise toggle the currently clicked elements "large" class.

Your css would then have styling for the "large" class to make the element larger.

回复收藏 0 原文

~没有更多了~