javascript - "document.ready()"函数未在 Chrome Mobile (android) 上触发

Question

我在标记之前调用了 jQuery-2.1.4.min.js，但是当我写类似这样的内容时:

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        alert('hi, world.');
    });
</script>

当然，在我的 PC 上它会被触发，但在十个不同的 Android 设备上它就不会。这是纯 HTML/CSS/jQuery 呈现的网站(没有 phonegap 或任何东西)。

我的目标是让按钮在被点击后执行 ajax 请求，但我什至无法测试它，因为 .ready() 函数在移动版 chrome 上根本没有触发。

jQuery 由官方 CDN 提供，我们将不胜感激。

都试过了:

$(function() {
   alert('hi, world.');
});

和

jQuery(document).ready(function() {
    alert('hi, world.');
});

同样的事情。

按照建议我也试过了:

window.onload = function()
{
    if (window.jQuery)
    {
        alert('jQuery is loaded');
    }
    else
    {
        alert('jQuery is not loaded');
    }
}

它会提示“jQuery 已加载”。

根据 jQuery 文档，它说:“包含在 $( document ).ready() 中的代码只会在页面文档对象模型 (DOM) 准备好执行 JavaScript 代码时运行”——这意味着 DOM 不是准备好执行 JavaScript 代码了吗？但是当我尝试时:

<script type="text/javascript">
    alert('hi world');
</script>

它在移动 Chrome 上执行。

Answer 1

好吧，经过广泛调查后，如果您有两次 document.ready() 函数，JS 似乎会在移动版 chrome 上中断，我的 core.js 文件中有一个，页面上有一个内联。

它在 PC(所有浏览器)上运行良好，但在移动设备上它运行到第二次 ready() 调用点并在那之后破坏所有 JS。

希望这能在将来为其他人节省一些时间。