1

電話ギャップを使用して開発するときに、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>

それは電話ギャップコルドバで機能しますか？

4

1 に答える 1

0

Flexslider プラグインの使い方に問題があると思います。flexslider の doco は、モバイル ブラウザーで動作することを示唆しています。phonegap アプリで動作が異なる理由が思いつかないので、何か間違ったことをしていると思います。

Phonegap は、javascript エラーを表示するのに最適ではありません。Xcode コンソールに何も表示されないからといって、何もないわけではありません。

最近、Phonegap アプリをデバッグする最良の方法は、OSX でデスクトップ Safari を使用することです。

Safari の [開発] メニューで、開発者ツールを開いて、iOS シミュレーターで実行されている phonegap アプリを検査できるはずです。必要に応じて、接続されている iPhone デバイスをターゲットにすることもできます。

残念ながら、開発ツールのコンソールは、コンソールを開いた後に発生する JS エラーのみを検出するため、ツールを開いた後に手動で JS コードをトリガーする必要がある場合があります。

<img>また、開発ツールを使用してタグを表示できるはずです。これにより、それらがそこにあるかどうかの手がかりが得られますが、表示されません。おそらく何らかのCSSの問題などです。

于 2012-11-13T21:47:10.867 に答える