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

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 Mobile中，建议使用pageinit事件：

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

});