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

Question

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

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

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

  }, 5000);

Answer 1

使用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!");
});

Answer 2

你尝试了吗

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

Answer 3

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

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

});

How to trigger a function when page is fully loaded on Mobile?