2011-12-13 22 views
1

我正在創建一個使用HTML5和jquery mobile的移動網站。我目前正在嘗試創建一個模式視圖來顯示圖像。我嘗試過使用shadowbox和lightbox,但是在兩種情況下都會打開模式視圖,但是頁面會轉換到新的空白頁面。這裏是我的代碼:使用html創建jquery mobile上的模式視圖

<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> 

有誰知道如何解決這個問題?

回答

相關問題