Question

在桌面视图中，我使用以下jQuery将内容从移动视图中的主要内容列顶部移动到侧边栏的顶部。

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

这是一个小提琴： http://jsfiddle.net/richerimage/co6nw6va/1/

这适用于页面加载，但我希望内容能够在窗口重新调整大小来回移动

像所有事情一样，我想如果你知道如何这很容易！：）

非常感谢任何帮助

谢谢

理查德

P.S。另外，有没有办法将内容移到#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' ) );
    }
}

<强> Check JSFiddle Demo

在窗口大小上移动内容

2 个答案: