Javascript交换div在IE 9或更低版本中不起作用_Javascript_Size_Screen_Swap

Javascript交换div在IE 9或更低版本中不起作用

javascript

Javascript交换div在IE 9或更低版本中不起作用,javascript,size,screen,swap,Javascript,Size,Screen,Swap,我正在尝试交换IE9及以下版本中的div。但是我的javascript不起作用。有人能帮我吗？您可以在此处看到我的脚本：不确定为什么JS也不能在JSFIDLE上工作。它在我的浏览器（也是IE）中工作，但当我尝试IE9或更小的浏览器时，它会停止工作找到下面的代码： <style> body{ background:#f6f6f6;} #container2 { width: 926px; } #leftCol2{ float: left; width: 300px;

我正在尝试交换IE9及以下版本中的div。但是我的javascript不起作用。有人能帮我吗？您可以在此处看到我的脚本：不确定为什么JS也不能在JSFIDLE上工作。它在我的浏览器（也是IE）中工作，但当我尝试IE9或更小的浏览器时，它会停止工作

找到下面的代码：

<style>
body{ background:#f6f6f6;}
#container2 {
width: 926px;
}
#leftCol2{  float: left;
    width: 300px;
    background:#FFFFFF;

    }
#rightCol2{float:left;
width:300px;
background: #FF9;

}
</style>
<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
<script type='text/javascript'>//<![CDATA[ 
$(function(){
$(window).resize(function() { //Fires when window is resized
    var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
    if(width < 1024) {
        $("#container2").each(function() {
        var detach = $(this).find("#leftCol2").detach();
        $(detach).insertAfter($(this).find("#rightCol2"));
        })
    }
    else {
        $("#container2").each(function() {
        var detach = $(this).find("#rightCol2").detach();
        $(detach).insertAfter($(this).find("#leftCol2"));
        })
    }
});
});//]]>   

</script>
</head>
<body>
<div id="container2">

<div id="leftCol2">
<p>Div 1.</p>
</div>

<div id="rightCol2">
<p>Div 2.</p>
</div>

</div>


正文{背景：#f6f6f6；}
#集装箱2{
宽度：926px；
}
#leftCol2{float:左；
宽度：300px；
背景：#FFFFFF；
}
#rightCol2{float：左；
宽度：300px；
背景:#FF9；
}
// 0) ? window.innerWidth:screen.width；
如果（宽度<1024）{
$（“#容器2”）。每个（函数（）{
var detach=$（this.find（#leftCol2”）.detach（）；
$（分离）.insertAfter（$（this.find（#rightCol2））；
})
}
否则{
$（“#容器2”）。每个（函数（）{
var detach=$（this.find（#rightCol2”）.detach（）；
$（detach.insertAfter（$（this.find）（“#leftCol2”））；
})
}
});
});//]]>   
第一组
第二组

如您所见，当屏幕大小小于1024时，我尝试将leftCol2与rightCol2交换。事实上，我还希望在页面刚刚加载（不一定调整大小）时交换div。谁能帮忙？多谢各位

我的模拟器似乎有问题。得到了一个不同的，它为IE9和更少的工作

没有回答你的问题，但你没有像这样在小提琴中加入JQ——好吧，这只是没有互换div。它什么也不做。。