我在我的wordpress网站上添加了额外js代码以实现将指定元素移动位置的效果。该代码在电脑端运行正常,但在手机端只有在页面交互后(如点击,滑动)才生效。请问有没有什么解决的方法?
var moved = document.querySelector(".moved");
var mbMenu = document.querySelector(".my-mobileMenu");
if (moved != null){
window.onpageshow =function(){
var local = mbMenu.querySelector(".jet-nav");
local.appendChild(moved);
}
}
我分析了下,你这也改下,请尝试如下修改:
var moved = document.querySelector(".moved");
var mbMenu = document.querySelector(".my-mobileMenu");
if (moved != null){
window.onload = function(){
var local = mbMenu.querySelector(".jet-nav");
local.appendChild(moved);
}
}
将代码放在 window.onload
函数中,可以确保代码在页面完全加载之后执行,因此可以避免您描述的问题,并确保您的移动元素代码在移动设备上的正常运行。