在窗口調整大小時移動內容

Question

我正在使用以下jQuery將內容從移動視圖中主要內容列的頂部移動到桌面視圖中時在側邊欄的頂部。

if (ww >= 768) {
  $( '#move-me' ).insertBefore($( '#top-widget' ) );
}

這是一個小提琴： http : //jsfiddle.net/richerimage/co6nw6va/1/

這在頁面加載時效果很好，但是我希望內容能夠在窗口調整大小時來回移動

像所有事物一樣，如果您知道怎么做，我想這很容易！ :)

任何幫助是極大的贊賞

謝謝你

理查德

ps也可以通過一種方法將內容移到#sidebar的頂部，而無需引用#top-widget ？

Answer 1

因此，您需要使用resize事件處理程序：

$( window ).resize( function() {
    var ww = document.body.clientWidth;
    if (ww >= 768) {
        $( '#move-me' ).insertBefore($( '#top-widget' ) );
    }
});

的jsfiddle

Answer 2

嘗試這個：

$( document ).ready(function() {
    doThis();
});

$( window ).resize( function() {
    doThis();
});

function doThis(){
    var ww = document.body.clientWidth;
    if (ww >= 768) {
        $( '#move-me' ).insertBefore($( '#top-widget' ) );
    }else{
        $( '#move-me' ).insertBefore($( '.post_content' ) );
    }
}

查看JSFiddle演示