jQuery Flexslider插件在Phonegap iOS应用程序中不起作用



使用phone gap进行开发时,xcode中是否可以有图像库滑块?

我已经放入了一些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>

这在电话间隙cordova中有效吗?

我认为这是如何使用Flexslider插件的问题。flexslider的文档表明它适用于移动浏览器。我想不出为什么它在phonegap应用程序中会有不同的表现,所以我认为你做错了什么。

Phonegap并不擅长显示javascript错误。仅仅因为你在Xcode控制台中没有看到任何东西并不意味着没有。

我发现现在调试Phonegap应用程序的最好方法是在OSX上使用桌面Safari。

在Safari的"开发"菜单下,您应该能够打开开发工具来检查iOS模拟器中运行的phonegap应用程序。如果你也愿意,你也可以瞄准连接的iPhone设备。

不幸的是,开发工具中的控制台只会接收打开后发生的JS错误,因此您可能需要在工具打开后手动触发JS代码。

您还应该能够使用开发工具来查看<img>标记。这会让你知道它们是否在那里,但只是不可见。也许是某种CSS问题,等等

相关内容

最新更新