gpt4 book ai didi

javascript - 如何根据 Jquery 对话框宽度将 2 列变成 1 列?

转载 作者:太空宇宙 更新时间:2023-11-04 11:22:37 25 4
gpt4 key购买 nike

我有一个带有以下 HTML 的 jQuery 对话框:

    <div class="left">
<div>CONTENT</div>
<div>CONTENT</div>
<div>CONTENT</div>
</div>
<div class="left">
<div>CONTENT</div>
<div>CONTENT</div>
<div>CONTENT</div>
</div>

CSS:

.left{float:left; width:50%;}

这在我的 jQuery 对话框中形成了两列。当 jQuery 对话框宽度低于特定数字时,如何删除 CSS?

最佳答案

您可以在对话框初始化时使用 resizeStop 事件,检查您要查找的宽度,然后像这样简单地从 div 中删除类“left”(我以#dialog为例,替换成你自己的,同时把200改成你想要的宽度):

$( "#dialog" ).dialog({
resizeStop: function(event, ui) {
if ($(this).outerWidth() < 200) {
$("#dialog > div").removeClass('left');
}
}
});

JSFiddle:http://jsfiddle.net/9Lc4y6s0/

注意:如果您需要保留该类,另一种方法是简单地更改 css 而不是完全删除该类(即更改 float:none 和 width: initial)

关于javascript - 如何根据 Jquery 对话框宽度将 2 列变成 1 列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32635072/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com