jquery 调整大小时折叠隐藏引导程序

chhkpiq4  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(133)

我有以下问题,
在我的网站的某个部分,我使用了一个Bootstrap崩溃来显示一个元素,这个元素应该只能在移动的设备上看到,或者分辨率低于768px。
我遇到的问题是,如果我在低于768px时切换元素,但我没有关闭它,如果我调整浏览器的大小,元素仍然可见。
我使用$('#collapse').collapse('toggle');来显示元素。
因此,当我调整大小时,我可以使用.collapse('hide')来隐藏元素(如果它已切换)
但是,如果我在分辨率低于768px的情况下没有激活Collapse,然后我重新调整到一个更大的分辨率,由于.collapse('hide'),元素肯定会被切换。
那么,我如何才能知道元素是否被切换或激活,以便在浏览器调整大小时恢复?

7d7tgy0s

7d7tgy0s1#

您可以使用jQuery Visible selector,如果元素可见,则将其设置为隐藏。

if ($('#collapse').is(':visible')) {
    $('#collapse').collapse('hide');
}

引导程序折叠

相关问题