jQuery Flexslider插件不能在Phonegap iOS應用程序中工作

在使用電話差距進行開發時，xcode中可能有圖像庫滑塊嗎？jQuery Flexslider插件不能在Phonegap iOS應用程序中工作

我已經把一些jquery代碼在瀏覽器中運行正常，但不是在我的ios模擬器。

<title>Test App</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
    <script type="text/javascript" src="js/jquery.flexslider.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/flexslider.css" /> 
</head> 
<body><h1>Test App</h1> 
    <div class="flexslider"> 
     <ul class="slides"> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
     </ul> 
    </div> 
    <script type="text/javascript"> 
     $(window).load(function(){ 
         $('.flexslider').flexslider({ 
                animation: "slide", 
                start: function(slider){ 
                $('body').removeClass('loading'); 
                } 
                }); 
         }); 
     </script> 
     </body>

這將工作在電話差距科爾多瓦？

來源

2012-11-13 Fortubeks

也許描述你在iOS模擬器中看到的問題？一些jQuery插件對手機瀏覽器來說效果不好，因爲觸摸和點擊事件，滾動等方面的差異等。我在移動瀏覽器上使用了這個圖片庫插件，它工作得很好：http：// www.photoswipe.com – asgeo1

@ asgeo1我沒有收到任何錯誤，但是我的圖片沒有顯示 – Fortubeks

請發佈其他源代碼以及... –

我想說這是如何使用Flexslider插件的問題。 flexslider的doco表明它適用於移動瀏覽器。我想不出爲什麼它會在電話應用程序中表現不同，所以我會認爲你做錯了什麼。

Phonegap不是顯示javascript錯誤的最佳選擇。僅僅因爲你在Xcode控制檯中沒有看到任何內容，並不意味着沒有任何內容。

我發現現在調試Phonegap應用程序的最佳方式是在OSX上使用桌面Safari。

在Safari的「開發」菜單下，您應該能夠打開開發人員工具來檢查在iOS模擬器中運行的phonegap應用程序。如果您也想要，也可以定位連接的iPhone設備。

不幸的是，開發工具中的控制檯只會在你打開它後發生JS錯誤，所以你可能需要在工具打開後手動觸發你的JS代碼。

您還應該可以使用開發工具來查看<img>標籤。這會給你一個線索，看他們是否在那裏，但只是不可見。也許某種CSS問題等。

來源

2012-11-13 21:47:10 asgeo1

jQuery Flexslider插件不能在Phonegap iOS應用程序中工作

回答

相關問題