Question

我想在移动设备的媒体屏幕中将DIV的位置更改为导航栏div（＆lt; 767），当我调整宽度超过767的浏览器时，DIV不会在其位置传递，但它仍然保留在更改位置< / p>

HTML CODE：

<div class="collapse navbar-collapse" id="app-navbar-collapse">
</div>

<div class=site-container">
    <div class="post-buttons-top-bar">
    </div>
</div>

jQuery代码：

$(window).resize(function(){
    if ($(window).width() <= 800){  
        $(".post-buttons-top-bar").appendTo(".navbar-collapse");
    }   
});

Answer 1

试试此代码：

$(window).resize(function(){
    if ($(window).width() <= 767){  
        $(".post-buttons-top-bar").appendTo(".navbar-collapse");
    }else if($(window).width() > 767){
        $(".navbar-collapse").after( $(".post-buttons-top-bar") );
    }  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


<div class="collapse navbar-collapse" id="app-navbar-collapse"></div>
<div class="post-buttons-top-bar"></div>

如何在媒体屏幕中更改div的位置

1 个答案:

试试此代码：