0

私はこの問題について読み、すべての可能な解決策をオンラインで試しましたが、何も機能しませんでした。これが私のhtmlコードです...

<!DOCTYPE html> 
<head>
<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" />
<script src="jquery-1.8.2.min.js"></script>
<script>

$( document ).bind( "mobileinit", function() {
    // Make your jQuery Mobile framework configuration changes here!
    console.log("made cors changes");
    //$.mobile.ajaxEnabled = true;
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;

});
</script>
<script src="cordova-2.3.0.js"></script>
<script src="jquery.mobile-1.2.0.min.js"></script>
</head>
<body>

<div data-role="page" id="page1">
    <div data-theme="a" data-role="header" data-position="fixed" >
        <h4>
            JLT
        </h4>

    </div>
    <div data-role="content" >

        <p>
        Send data to server?
        </p>
        <a data-role="button" id="transportYES" data-inline="true">
            Yes
        </a>
        <a data-role="button" id="transportNO" data-inline="true">
            No
        </a>


    </div>
</div>


<script>

$( "#transportYES" ).bind( "click", function(event, ui) {
  console.log('clicked');


    $.ajax({
   type: "GET",
   url: "http://api.wordnik.com//v4/word.json/recant/definitions",
   data: "includeRelated=false&includeTags=false&useCanonical=false&api_key=7741b711eec09c12e05070046d60da6b92e03750359859fde",
   dataType: "json",
   beforeSend:function(){
   console.log('before sending');
   },
   success: function(msg){
     alert( msg[0].word );
   },
   error: function(xhr, ajaxOptions, thrownError){
   console.log(xhr);

     alert( 'error' );
   }
 });


});

</script>
</body>
</html>

このコードをchromeから実行すると、サーバーから応答が返されますが、phonegapと一緒にパッケージ化すると、androidエミュレーターからは機能しません。config.xml <access origin=".*"/>ファイルで次のようにすべてのドメインを許可しました。長い間発行..助けてください..!!!!

それは問題がエミュレーターにあったデバイスで動作します.....以前にテストデバイスを手に入れることができませんでした..多くの時間を節約できたかもしれません......:)

4

1 に答える 1

0

jQuery と jQuery Mobile の間のファイルにこのコードを配置しない限り、mobileinit イベントは機能します。

以下のようにする必要があります（ほんの一例）

<script src="js/external/jquery-1.8.2.min.js"></script>
<script src="js/configs.js"></script>
<script src="js/external/jquery.mobile-1.2.0.js"></script>

configs.js 内に mobileinit を配置するだけです

$( document ).bind( "mobileinit", function() {
   //your code
});
于 2013-01-29T10:59:52.373 に答える