在真正的移动设备上，jQuery Get函数无法正常工作

Question

我一直在开发一个应用，该应用从Dropbox收集一个csv文件，然后显示出来。 自从我使用phonegap以来，我一直在使用浏览器Firefox进行开发和测试，以更加精确。 最终，我将其加载到装有Android 3.2.1的HTC平板电脑上，但无法正常工作。 这是当前使用的代码：

$.get('https://dl.dropboxusercontent.com/u/53792213/App/David.csv', function(data) {
        alert('Success');
        // Do stuff
    })
    .fail(function() { alert('error'); });

这段代码在Firefox和带有android 4.2.2的android模拟器上可以正常工作。 但不在真正的物理设备上。

我根本无法解决。 没有给出错误，并且永远不会调用fail函数。 我添加的两个警报都不会触发。

由于我无权访问远程调试，并且由于无法在桌面上正常工作，因此无法在桌面上进行调试，这非常令人沮丧。

我正在使用jquery 2.0.2和jquery mobile 1.3.1

即使发生任何细微的变化，我也将不胜感激。

编辑：为了找出有关错误，现在它实际上是在抛出错误，我对此进行了修改：

$.get('https://dl.dropboxusercontent.com/u/53792213/App/David.csv', function(data) {
        alert('Success');
        // Do stuff
    })    
.fail(function(jqXHR, textStatus, errorThrown) {
            alert("An AJAX error occured: " + textStatus + "\nError: " + errorThrown);
        });

但这是它返回的错误：

An AJAX error occured: error
Error:

空白错误消息？ 我做错了什么，或者javascript要慢慢杀死我。

编辑2：

经过一些实验，我发现了更多奇怪的行为。 如果我将get（）函数直接添加到我的deviceReady函数中，因为在加载应用程序并准备就绪时它将被触发，因此它可以完美运行。

但是（这已经发生了）如果我在设备就绪函数中绑定了一个click jquery事件，然后在其中调用get函数，它将无法正常工作。 这里看看这个：

var App = {

// Application Constructor
initialize: function() {
    this.bindEvents();
},
bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
},
onDeviceReady: function() {
    //This does work
    $.get('http://dl.dropboxusercontent.com/u/53792213/App/DavidColson.csv', function(data) {
        alert('Success');
    })
    .fail(function(jqXHR, textStatus, errorThrown) {
         alert("An AJAX error occured: " + textStatus + "\nError: " + errorThrown);
     });
    $("#Button").bind("click", function(event) {
        alert("Hello");
        //This does not work       
        $.get('http://dl.dropboxusercontent.com/u/53792213/App/DavidColson.csv', function(data) {
            alert('Success');
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            alert("An AJAX error occured: " + textStatus + "\nError: " + errorThrown);
        });
    });
},

};

在上述情况下，您将触发hello警报，但不会触发成功警报，相反，我得到了一个空白的Ajax错误。 有任何想法吗？

Answer 1

为什么同时使用jQuery和jQuery mobile？ 似乎您应该只能够使用移动设备，并且两个库的使用可能是由于冲突而导致问题的原因。

您可以尝试添加对jQuery.noConflict（）的调用来解决此问题：

<script type="text/javascript">

  // This takes out the jQuery variable '$' from the global scope
  $.noConflict();

  jQuery(document).ready(function($) {
    jQuery.get('https://dl.dropboxusercontent.com/u/53792213/App/David.csv',function(data)  
    {
       alert('Success');
    }).fail(function() { alert('error'); });
  });

  //rest of your normal jQuery that uses the $. here

</script>

编辑 ：看起来jQuery mobile与jQuery 2不兼容 。 尝试改为引用jQuery 1.9.1，看看是否可行。