[ 해결 ]
동일한 자바스크립트 소스로 외부페이지를 만들어 pc화면에서 실행하면 자바스크립트가 실행이 되지만 유독 모바일에서 해당 외부페이지를 실행하면 자바소스가 작동하질 않습니다.
반응형 레이아웃이라 모바일과 pc의 레이아웃도 같은 소스인데 유독 모바일에서 외부페이지에 저장된 자바스크립트가 실행이 안되네요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title> sjisbmoc </title>
<script language='javascript' type='text/javascript'>
//<![CDATA[
function openlayer(nm)
{
var obj = document.getElementById(nm);
obj.style.display = 'block';
}
function closelayer(nm)
{
var obj = document.getElementById(nm);
obj.style.display = 'none';
}
//]]>
</script>
</head>
<body>
<a href="#" onclick="openlayer('layer1');closelayer('layer2'); return false;">open layer a</a> |
<a href="#" onclick="openlayer('layer2');closelayer('layer1'); return false;">open layer b</a>
<!-- 레이어 a부분 //-->
<div id="layer1" style="width:150px; height:544px; position:absolute; left:100px; top:100px; z-index:100000000; display:none;">
<table border="1" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="#" onclick="closelayer('layer1'); return false;">close layer a</a>
</td>
</tr>
</table>
</div>
<!-- 레이어 b부분 //-->
<div id="layer2" style="width:150px; height:544px; position:absolute; left:255px; top:100px; z-index:1000000000; display:none;">
<table border="1" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="#" onclick="closelayer('layer2'); return false;">close layer b</a>
</td>
</tr>
</table>
</div>
</body>
</html>
댓글 0