Jquery 根据屏幕大小重新排列DOM的最佳方法

我有一个标准的网站，其中包含了它的导航部分向下的页面。当将大小调整到980px时，将启动媒体查询，导航需要更改外观（简单），但也需要更改DOM中的位置，使其位于页面顶部。我不能使用CSS定位，因为它根本不起作用

目前，我正在尝试将一些jQuery逻辑绑定到页面加载/调整大小/更改方向事件，如下所示：

var mobileBreakPoint = 980;
$(window).bind('load resize orientationchange', function () {
    if ($(window).width() <= mobileBreakPoint) {
        $('.primary').insertAfter('.new-placeholder');
    } else {
        $('.primary').insertAfter('.original-placeholder');
    }
});

var-mobileBreakPoint=980；
$（窗口）.bind（'load resize orientationchange'，function（）{
if（$（window）.width（）如果您给它
位置：fixed
，并且根据顶部偏移量，它应该可以工作

在响应性设计中，大量的布局重新安排是一个开放的话题，我想没有共同的解决方案：要么隐藏不需要的东西[例如
隐藏-*
引导类]，要么复制一些东西[可避免的imo]

尽管如此，请看一看，它肯定会对您有所帮助