$(document).ready 不会在 iOS 上触发

Question

我的页面上有以下代码：

<script src="//path.to/jquery.min.js"></script>

<script>
 /* Statements #1 - Defining some variables... */
</script>

<script>
$(document).ready(function () {
 /* Statements #2 - Doing some stuf... */
});
</script>

上面的代码在桌面和 Android 设备上运行良好，但在 iOS 设备上运行时，语句 #2 不起作用。 我检查了控制台，没有错误。

只是为了测试，我通过复制/粘贴在控制台上执行了语句 #2，它按预期运行 - 这不仅会自动工作，页面加载完成。

PS.：我在 iOS 设备上遇到错误 - 在 iPhone 上使用 Safari 进行测试，并使用iOS Webkit Proy在带有 Chrome 远程的 Windows 10 上进行调试

Answer 1

我发现了问题：在我的代码中的某个地方，我有一个具有预定值的函数，只有 Safari 抛出了错误。 所以，我正在使用这个：

function myFunction(parameter) {
    /* Coll stuf here... */
}

取而代之的是：

function myFunction(parameter = undefined) {
    /* Broken code... */
}

Answer 2

我遇到了同样的问题，但我发现这是因为我在脚本包含的末尾添加了“async defer”，这导致该函数在可用之前被调用 - 导致所有后续 javascript 函数失败。 不知道为什么这只发生在 Safari 而不是 Chrome/FF，但有趣的东西。

<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.1/dist/jquery.validate.min.js" async defer></script>

<script>
  $(document).on('ready', function() {
    $("#myForm").validate();
  });
</script>

删除“异步延迟”部分（谷歌告诉我添加以提高页面加载速度）解决了这个问题。