顶部菜单显示空白选项,将我重定向到一个未定义的页面.我该如何修复



我有一个有一些问题的博客网站。当您尝试在智能手机中打开我的博客或将其缩小到300%时,您会看到顶部菜单变成下拉菜单,该菜单在第二位的位置上有空白选项。当任何人单击它时,它将重定向到404错误页面。请帮助我解决此错误。

我正在附上一些图像以供参考。

屏幕截图显示没有空白选项的菜单

屏幕截图显示带有空白选项的菜单

屏幕截图显示404错误页

我还将添加菜单栏代码。

//插件:selectnav.js〜 url:https://github.com/lukaszfiszer/selectnav.js window.selectnav = function(({"使用strong strict"; var e = function(e,t({function c(e({var t; if(!e(e = window.event; if(e.target(t= e.target; else if(e.srcelement(t = e.srcelement; if(t.nodetype === 3(t = t.parentnode; if(t.value(window.location.location.href = t.value}函数h(e({var t = e.nodeName.tolowercase((; return t ===" ul" || t ===" ol"}函数p(e({for(var t = 1; document; document; document; document。getElementById(" selectnav" t(; t (;返回e?" selectnav" t:" selectnav" (t-1(}函数d(e({a ; var t = e.children.length,n =",l =",c = a-1; if(!t({return} if(c({while(c-({l = o} l ="} for(var v = 0;v" l g "; if(s({var b = e.children [v] .children1; if(b&&& h(b(({n = d(b(}}}}}}}}a === 1&& u({n ='' u " n} if(a === 1({n =''' n "} a - ; return n} e =文档.getElementById(e(;如果(!js"; var n = t || {},r = n.activeclass ||" active",i = typeof n.autoSelect ==="布尔值"?=" boolean"?n。,d(e((; var l = document.getElementById(p(((; if(l.AddeventListener({l.AddeventListener('change'change',c(} if(l.attachevent(",c(} return l};返回函数(t,n({e(t,n(}}}((;

您可以将此脚本添加到您的网站。我使用Chrome调试工具进行了测试。

当您调整浏览器或在iPad/iPhone中使用时,它将触发代码删除选项的未定义

$(window).resize(function(){
    if ($(window).width()< 992){
      $('.selectnav option').each(function(index,item){ 
        if($(item).val() == "undefined"){ $(this).remove();}
      });
    }
});

相关内容

最新更新