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应用程序中工作

回答

相关问题