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