【WordPress主题导航栏在调整浏览器屏幕大小时停止工作】我正在尝试WP主题, 但是当我调整浏览器窗口大小的大小时, 移动菜单不起作用, 但是在刷新浏览器页面后, 在相同的小窗口中, 菜单正在起作用。
因为我对编码不太了解, 所以如果有人可以看看并帮助我:)
这是该演示主题的链接:https://demo.wptravelengine.com/travel-booking/
有人帮助我编写了这段代码。
window.addEventListener('resize', (event) =>
{jQuery(document).ready(function( $ ){
jQuery("#toggle-button").click(function() {
jQuery(".site-header .right").css("right", "0");
})
jQuery(".btn-close-menu").click(function() {
jQuery(".site-header .right").css("right", "-540px");
}) })
});
但是, 当我使用此代码时, 在调整Web浏览器屏幕大小后打开它时, 它没有显示关闭图标按钮和搜索表单持有者。
在此处查看图片:https://drive.google.com/file/d/1Il3UT1Wehcg0nAyCfW2smVSbdpCwPS0b/view?usp=sharing
#1如果上面的代码有效, 我添加了一些想法。会的。
window.addEventListener('resize', (event) =>
{jQuery(document).ready(function( $ ){
jQuery("#toggle-button").click(function() {jQuery(".site-header .right").addClass("open");
})
jQuery(".btn-close-menu").click(function() {
jQuery(".site-header .right").removeClass("open");
}) })
});
推荐阅读
- WordPress主题不出现如图所示
- WordPress主题布局问题
- WordPress主题安装失败
- WordPress主题安装问题
- WordPress主题修改问题
- WordPress主题如何向管理页面添加HTML代码
- 子目录中的WordPress主题文件
- WordPress主题开发用户定义图像选择
- Flutter 专题02 图解 Mac 环境下安装配置环境 #yyds干货盘点#