gpt4 book ai didi

jQuery - 调整浏览器大小时移动 div

转载 作者:行者123 更新时间:2023-12-01 01:36:21 24 4
gpt4 key购买 nike

我想改变这个:

<div id="main 1" style="background: #ccc;" class="fourcol first clearfix" role="main">
LEFT
</div>

<div id="main middle" style="background: #ddd;" class="fourcol middle clearfix" role="main">
MENU
</div>

<div id="main 3" style="background: #eee;" class="fourcol last clearfix" role="main">
RIGHT
</div>

当我将窗口大小调整到 481px 以下时,使用以下命令(顺序:菜单、左、右);

jQuery(document).ready(function($) {

$(window).resize(function() {
var responsive_viewport = $(window).width();
if (responsive_viewport < 481) {
$('#inner-content').parent().prependTo('middle');
}
});

最佳答案

使用这个

$(window).resize(function() {

var responsive_viewport = $(window).width();

//console.log(responsive_viewport);
if (responsive_viewport < 481) {
var middle_div = $('#main-middle').clone().remove();
$("#main-1").before(middle_div);
}
});

您的 div id 包含不允许的空格。我猜你错过了连字符或下划线。我在代码中添加了连字符。

此外,当视口(viewport) < 481 时,上面的代码会不断添加菜单。因此,一旦菜单已经移动,请尝试设置一个标志或其他内容。否则你将会有多个菜单。

干杯!!

关于jQuery - 调整浏览器大小时移动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12838365/

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