小屏幕自舉互換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(); 
}