我正在尝试在IE 9及更低版本中交换div。但是我的JavaScript无法正常工作。有人可以帮我吗?您可以在这里看到我的脚本:http : //jsfiddle.net/pny71Lqd/不知道为什么JS在jsfiddle上也不起作用。它可以在我的浏览器(也就是IE)中运行,但是当我尝试IE 9或更小版本时,它会崩溃。
查找下面的代码:
<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>
如您所见,当屏幕的大小调整为小于1024时,我尝试在leftCol2和rightCol2之间进行交换。实际上,我也希望在刚加载页面时(不必调整大小)在div周围进行交换。谁能帮忙?非常感谢你!
好像是我的模拟器有问题。有一个不同的,它适用于IE9及以下版本!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句