小屏幕自举互换div

Question

我有一个子div与父div内的绝对位置。

父div包含相对位置的Bootstrap旋转木马。

这里是我的代码

<div class="carousel> 
    Carousel goes here 
    <div class="col-md-6 SearchBoxHome"> 
     content goes here 
    <div> 
    </div> 

我想在小屏幕显示以下父DIV子格。

这是我尝试过但没有工作的jQuery代码。

var screenWidth = $(window).width(); 
if (screenWidth <= 767) { 
    $('.carousel').before($('.SearchBoxHome')); 
} else { 
    return false; 
} 

请帮助我

Answer 1

试试这个：

var screenWidth = $(window).width(); 
if (screenWidth <= 767) { 
    var content = $('.SearchBoxHome'); 
    $('.carousel').before(content); 
    $('.carousel').find('.SearchBoxHome').remove(); 
}