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

【问题标题】：jQuery Flexslider plugin not working in Phonegap iOS appjQuery Flexslider 插件在 Phonegap iOS 应用程序中不起作用
【发布时间】：2012-11-02 06:02:39
【问题描述】：

在使用 phone gap 进行开发时，是否可以在 xcode 中使用图片库滑块？

我已经输入了一些在浏览器中运行良好但在我的 ios 模拟器中运行良好的 jquery 代码。

    <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>

这适用于电话间隙科尔多瓦吗？

【问题讨论】：

也许描述了您在 iOS 模拟器中看到的问题？一些 jQuery 插件在移动浏览器上不能很好地工作，因为触摸与点击事件、滚动的差异等。FWIW，我在移动浏览器上使用了这个图片库插件，效果很好：photoswipe.com
@asgeo1 我没有收到任何错误，但我的图片没有显示
请同时发布您的其余源代码...

标签： jquery ios xcode cordova flexslider

【解决方案1】：

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

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

我发现这些天来调试 Phonegap 应用程序的最佳方法是在 OSX 上使用桌面 Safari。

在 Safari 的“开发”菜单下，您应该能够打开开发者工具来检查在 iOS 模拟器中运行的 phonegap 应用程序。如果您愿意，您也可以定位已连接的 iPhone 设备。

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

您还应该能够使用开发工具查看<img> 标签。这将为您提供有关它们是否存在的线索，但只是不可见。也许是某种 CSS 问题等。

【讨论】：