jquery mobile中的Photoswipe開放式圖庫

因此，我正在與Jquery Mobile和photoswipe一起爲一個投資組合創建一個小型圖庫，但是一旦我發出了photoswipe的調用，它就會立即在瀏覽器中打開圖庫。它不是來自photoswipe網站的默認電話，因爲它不起作用。jquery mobile中的Photoswipe開放式圖庫

繼承人我的代碼。

<!DOCTYPE html> 
<html> 
<head> 

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 


    <link rel="stylesheet" type="text/css" href="jquery-mobile/jquery.mobile.structure.css"> 
    <link rel="stylesheet" type="text/css" href="jquery-mobile/jquery.mobile.css"> 
    <link rel="stylesheet" type="text/css" href="jquery-mobile/jquery.mobile.theme.css"> 
    <link rel="stylesheet" type="text/css" href="jquery-mobile/photoswipe.css"> 



    <script type-"text/javascript" src="jquery-mobile/jquery.js"></script> 
    <script type-"text/javascript" src="jquery-mobile/jquery.mobile.js"></script> 
    <script type="text/javascript" src="jquery-mobile/klass.min.js"></script> 
    <script type="text/javascript" src="jquery-mobile/code.photoswipe.jquery-3.0.5.js"></script> 

    <script type="text/javascript"> 

     (function(window, $, PhotoSwipe) 
     { 
      $(document).ready(function() 
      { 
       $("#gallery a").photoSwipe(
       { 
        enableMouseWheel: false, 
        enableKeyboard: false 
       }); 

       $("#gallery a:first").click(); 
      }); 
     }(window, window.jQuery, window.Code.PhotoSwipe)); 

    </script> 

</head> 
<body> 

<div data-role="page"> 

    <div data-role="header"> 
    <h1>welcome</h1> 
    </div> 

    <div id="gallery"> 


      <a href="web/full/photo1.jpg" rel="external"><img src="web/thumb/photo1thumb.jpg" alt="Image 001" /></a> 
      <a href="web/full/photo2.jpg" rel="external"><img src="web/thumb/photo2thumb.jpg" alt="Image 002" /></a> 
      <a href="web/full/photo3.jpg" rel="external"><img src="web/thumb/photo3thumb.jpg" alt="Image 003" /></a> 
      <a href="web/full/photo4.jpg" rel="external"><img src="web/thumb/photo4thumb.jpg" alt="Image 004" /></a> 
      <a href="web/full/photo5.jpg" rel="external"><img src="web/thumb/photo5thumb.jpg" alt="Image 005" /></a> 
      <a href="web/full/photo6.jpg" rel="external"><img src="web/thumb/photo6thumb.jpg" alt="Image 006" /></a> 


    </div> 

    <div data-role="footer"> 
    <h2>2012</h2> 
    </div> 
</div> 

</body> 
</html>

任何想法我應該做什麼？

來源

2012-12-04 mhartington

嘗試刪除

$("#gallery a:first").click();

我想你調用init進程$("#gallery a").photoSwipe

來源

2012-12-04 05:29:24 TheVillageIdiot

大後，這是調用庫，一切正常。我只是不確定爲什麼默認調用不起作用？這裏的呼叫 $（文件）。就緒（函數（）{ \t VAR myPhotoSwipe = $（「＃畫廊」）photoSwipe（{enableMouseWheel：假的，enableKeyboard：假}）; – mhartington

jquery mobile中的Photoswipe開放式圖庫

回答

相關問題