1
HTML5 및 jquery mobile을 사용하여 모바일 웹 사이트를 만들고 있습니다. 현재 이미지를 표시하는 모달 뷰를 만들려고합니다. 섀도우 박스 및 라이트 박스를 사용하려했지만 두 경우 모두 모달 뷰가 열리지 만 페이지가 새로운 빈 페이지로 전환됩니다. 여기 내 코드는 다음과 같습니다.html을 사용하여 jquery 모바일에 모달보기 만들기
<head>
<script src="jquery.mobile-1.0/demos/jquery.js" type="text/javascript"></script>
<script src="CodeGeneral.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0/demos/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="CodeAppDetailScreen.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery.mobile-1.0/demos/jquery.mobile-1.0.min.css">
<link rel="stylesheet" href="StyleMaincss.css">
<!--Shadowbox-->
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
</head>
<body>
//Content
<div id="viewport">
<a id="ss1" onclick="return false" href="Screenshots/ss1.png" rel="shadowbox[ScreenShot]" ><img src="Screenshots/ss1.png"></a>
<a id="ss2" onclick="return false" href="Screenshots/ss2.png" rel="shadowbox[ScreenShot]" ><img src="Screenshots/ss2.png"></a>
<a id="ss3" onclick="return false" href="Screenshots/ss3.png" rel="shadowbox[ScreenShot]" ><img src="Screenshots/ss3.png"></a>
</div>
</body>
이 문제를 해결하는 방법을 아는 사람이 있습니까?