0
IE 9 이하에서는 div를 바꾸려고합니다. 하지만 내 자바 스크립트가 작동하지 않습니다. 아무도 나를 도울 수 있습니까? 내 스크립트는 여기에서 볼 수 있습니다 : http://jsfiddle.net/pny71Lqd/ JS가 jsfiddle에서도 작동하지 않는 이유를 모르십니까? 그것은 내 브라우저 (IE도)에서 작동하지만, IE 9 이하를 시도하면 작동이 멈춘다.Javascript 스왑 div가 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>
당신은 화면이 실제로 나는 또한 된 div 싶습니다보다 작은 1024 크기를 조정할 때 내가 주위 때 교체 할 rightCol2와 leftCol2 주위에 교환하려고 볼 수 있듯이 페이지가 방금로드되었습니다 (반드시 크기가 조정되지는 않음). 누가 도와 드릴까요? 고마워요!
질문에 대답하지 않지만 JQ를 피들에 추가하지 않았습니다. - http://jsfiddle.net/b13zh0yh/4/ –
무엇이 고장 났습니까? – epascarello
글쎄, 그냥 div를 교환하지 않습니다. 그것은 아무것도하지 않습니다 .. – RobbertT