Question

使用手机间隙开发时，是否可以在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>

这会在电话间隙中发挥作用吗？

Answer 1

我说你使用Flexslider插件的方式存在问题。 flexslider的doco建议它适用于移动浏览器。我想不出为什么它在手机应用程序中会有不同的行为，所以我认为你做错了什么。

Phonegap不是最好的显示javascript错误。仅仅因为你在Xcode控制台中没有看到任何内容并不意味着没有任何内容。

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

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

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

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

jQuery Flexslider插件无法在Phonegap iOS应用程序中运行

1 个答案: