“document.ready()”函数未在 Chrome Mobile (android) 上触发答案

【问题标题】：The "document.ready()" function not firing on Chrome Mobile (android)“document.ready()”函数未在 Chrome Mobile (android) 上触发
【发布时间】：2017-06-20 17:45:18
【问题描述】：

我在标签之前调用了 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 上执行。

【问题讨论】：

试试$而不是JQuery怎么样，你试过了吗？
是的，我做到了。试过“$”和“jQuery”，结果一样。
您能分享一下您是如何包含/添加 JQuery 的吗？
好吧，如果这是问题所在，为什么它会在 PC 上运行？无论如何，这是我包含它的方式：
示例：这有效：<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>.. 但这不是<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"/>.. 另外，如果您注意到，您需要在src 中添加//。

标签： javascript android jquery google-chrome

【解决方案1】：

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

它在 PC（所有浏览器）上都可以正常工作，但在移动设备上它可以工作到第二次 ready() 调用并在此之后中断所有 JS。

希望这可以为将来的其他人节省一些时间。

【讨论】：

这个 bug 是 jQuery 特有的吗？
你是如何解决这个问题的？

【解决方案2】：

JS 在移动视图上中断，因为相同的 js 在文件中多次使用。检查并删除冗余。

【讨论】：