当页面在移动设备上完全加载时如何触发功能？

【问题标题】：How to trigger a function when page is fully loaded on Mobile?当页面在移动设备上完全加载时如何触发功能？
【发布时间】：2017-11-01 13:18:36
【问题描述】：

我目前正在使用 jQuery 来执行一个函数，但它似乎只能在桌面上运行，而不能在移动设备上运行，我已将 jQuery Mobile 添加到我的 WP 主题中。

我只想在移动设备上完全加载页面时执行此功能

setTimeout(
  function() 
  {
 jQuery('.jp-play').trigger('click');
 //jQuery('.jp-pause').click();
 jQuery('.jp-pause').hide();

  }, 5000);

【问题讨论】：

【解决方案1】：

在经典 jQuery 上，您通常使用 .ready() 函数在页面加载时触发事件，但在 jQuery Mobile 中建议使用 pageinit 事件：

$(document).on('pageinit', function() {

});

【讨论】：

【解决方案2】：

你试过了吗

$(document).ready(() => {
    jQuery('.jp-play').trigger('click');
    //jQuery('.jp-pause').click();
    jQuery('.jp-pause').hide();
});

【讨论】：

【解决方案3】：

当页面完全加载时，使用jQuery(document).ready(callback) 触发callback 函数。应该可以在桌面和移动设备上使用。

示例脚本：

jQuery(document).ready(()=>{
    console.log("I'm ready!");
});

如果这不起作用，您可以尝试特殊的jquery-mobile 事件mobileinit：

$(document).on("mobileinit", function(){
  console.log("I'm ready!");
});

【讨论】：