jQuery Flexslider插件在Phonegap iOS应用程序中不工作
在使用phone gap开发时，是否可能在xcode中使用图像库滑块 我已经输入了一些jquery代码，这些代码在浏览器中运行良好，但在ios模拟器中运行不好jQuery Flexslider插件在Phonegap iOS应用程序中不工作,jquery,ios,xcode,cordova,flexslider,Jquery,Ios,Xcode,Cordova,Flexslider,在使用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/java
<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>
测试应用程序
测试应用程序
-
-
-
-
$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”，
开始：功能（滑块）{
$（'body'）.removeClass（'loading'）；
}
});
});
这在phone gap cordova中有效吗？我想说的是，您如何使用Flexslider插件存在问题。flexslider的doco建议它适用于移动浏览器。我想不出为什么它在phonegap应用程序中的表现会有所不同，所以我认为你做错了什么 Phonegap并不擅长显示javascript错误。仅仅因为在Xcode控制台中没有看到，并不意味着没有 我发现现在调试Phonegap应用程序的最好方法是在OSX上使用桌面Safari 在Safari的“开发”菜单下，您应该能够打开开发人员工具来检查在iOS模拟器中运行的phonegap应用程序。如果你想的话，你也可以把目标对准一个连接的iPhone设备 不幸的是，dev工具中的控制台只会拾取在您打开它之后发生的JS错误，因此您可能需要在工具打开之后手动触发JS代码
您还应该能够使用dev工具查看