Wordpress:使菜单链接的行为与“;更多”;按钮


Wordpress: Making a menu link behave the same as a "more" button

我有一个关于我网站上wordpress菜单的问题。如果你以移动分辨率打开我的网站(只需缩小),你可以看到菜单更改为移动版本,这很好。

我希望Sneakers+和Shop reviews+链接的行为与旁边的箭头按钮相同,因此,当移动用户单击Sneakers+时,相应的菜单将折叠,就像你点击箭头按钮时一样。

我试着检查代码,但箭头按钮只包含以下内容:

<i class="next-level"></i>

网站为www.nieuweneakers.nl

在菜单项上使用的正确代码或href="是什么?现在的href是"#",因为它的唯一用途是指示下一级菜单。

提前谢谢。

我看了你的网站,不完全确定你到底是什么正在询问。我观察移动网站上的行为(可用箭头和相应的行为)。你想把这个放在哪里行为对你有用吗?还有,你熟悉吗Mozilla的检查器工具和Chrome开发工具?如果你命中在Chrome中的CNTRL+SHIFT+i,在您的网站上,您可以很多非常酷的东西。Wordpress的问题在于许多插件都是专有的,开发人员似乎故意错误地构建了他们的代码。

只是引用我自己的话,所以我可以在回答中对此进行扩展;不过,正如你将看到的,这并不是你问题的真正答案。

Wordpress是所谓的内容管理系统(CMS;或CMA,"a"表示助理)。这是为了让那些不具备发布同等质量网站所需的编码背景的人能够访问网络,也是互联网2.0理念的一部分,即让世界能够访问互联网。这是一个奇妙而强大的工具,它让许多开发人员花了很多钱,只花了少得多的工作;然而,这通常意味着,当人们遇到CMA时,他们不确定自己到底在做什么(这种情况并不意味着你是该群体的一部分)。

作为动态的一部分,有很多很酷的东西可用,比如菜单滑块和基于JQuery的UI等。由于网站上充斥着一堆"酷东西",所有这些都可能很快变得相当复杂。问题是,虽然我们可以访问这些UI插件的代码,但这些插件的代码是由知道自己在做什么的人编写的(无论是好的还是坏的)。"好的是,他们想为你的网站提供最好的东西(并被称为提供"最酷的东西");然而,正如网络开发工具将向你展示的那样,所有或很多代码都可以使用。

动机

那么,插件开发者如何回应呢?错误形成了他们的代码。一个直接从你的网站上提取的例子:

不要编辑下面的代码(我知道它格式不好,这就是重点!)

function simple_tooltip(t,e){jQuery(t).each(function(t){jQuery("body").append("<div class='"+e+"' id='"+e+t+"'>"+jQuery(this).find("span.tooltip-c").html()+"</div>");var i=jQuery("#"+e+t);jQuery(this).removeAttr("title").mouseover(function(){i.css({opacity:1,display:"none"}).fadeIn(400)}).mousemove(function(t){var e,n,o=jQuery(window).scrollTop(),a=jQuery(window).width(),s=15;e=a-2*s>=i.width()+t.pageX?t.pageX+s:a-i.width()-s,n=o+2*s>=t.pageY-i.height()?o+s:t.pageY-i.height()-2.2*s,i.css({left:e,top:n})}).mouseout(function(){i.css({left:"-9999px"})})})}jQuery(document).ready(function(t){if(dtGlobals.isWindowsPhone&&t("body").addClass("ie-mobile"),!t("html").hasClass("old-ie")){dtGlobals.isPhone=!1,dtGlobals.isTablet=!1,dtGlobals.isDesktop=!1;var e=window.getComputedStyle(document.body,":after").getPropertyValue("content");-1!=e.indexOf("phone")&&dtGlobals.isMobile?dtGlobals.isPhone=!0:-1!=e.indexOf("tablet")&&dtGlobals.isMobile?dtGlobals.isTablet=!0:dtGlobals.isDesktop=!0}window.retinizer=function(){if(t("body").hasClass("srcset-enabled")){var e=t("img:not(.retinized)").filter("[srcset]"),i=window.devicePixelRatio?window.devicePixelRatio:1;if(e.each(function(){var e=t(this),n=e.attr("srcset").split(","),o=[],a="";n.forEach(function(e){var i=t.trim(e).split(" ");o[i[1]]=i[0]}),a=i>=1.5?"undefined"!=typeof o["2x"]?o["2x"]:o["1x"]:"undefined"!=typeof o["1x"]?o["1x"]:o["2x"],e.attr("src",a).addClass("retinized")}),"undefined"!=typeof dtGlobals.logoURL){var n=dtGlobals.logoURL.split(","),o=[];n.forEach(function(e){var i=t.trim(e).split(" ");o[i[1]]=i[0]}),dtGlobals.logoURL=i>=1.5?"undefined"!=typeof o["2x"]?o["2x"]:o["1x"]:"undefined"!=typeof o["1x"]?o["1x"]:o["2x"]}}},retinizer();var i;if(dtGlobals.isMobile&&!dtGlobals.isWindowsPhone?t(window).bind("orientationchange",function(){clearTimeout(i),i=setTimeout(function(){t(window).trigger("debouncedresize")},200)}):t(window).on("resize",function(){clearTimeout(i),i=setTimeout(function(){t(window).trigger("debouncedresize")},200)}),!t("html").hasClass("old-ie")){var n=['<g id="social-500px"><path d="M11.969 13.544c1.137 1.3 2.5 2.5 4.3 2.467c2.364 0 3.775-1.795 3.775-4.08 c0-2.279-1.438-3.973-3.756-3.973c-1.848 0-3.059 1.202-4.232 2.621c-1.201-1.44-2.393-2.621-4.279-2.621 C5.477 8 4 9.7 4 12.005c0 2.3 1.6 4 3.8 4.037c1.93-0.08 2.977-1.325 4.117-2.498H11.969z M5.715 12 c0-1.011 0.656-2.114 1.865-2.114c1.233 0 2.5 1.3 3.4 2.137c-0.82 0.957-2.015 1.99-3.265 2 c-1.285-0.021-1.974-0.842-1.974-2.013H5.715z M13.146 12.099c0.867-0.94 1.941-2.123 3.219-2.123c1.246 0 2 0.9 2 2.1 c0 1.104-0.645 2.025-1.876 1.973c-1.333 0.049-2.469-0.879-3.282-1.898L13.146 12.099z"/></g>','<g id="vk"><path d="M12.235 16.191c0.372 0 0.524-0.248 0.516-0.56c-0.017-1.17 0.438-1.797 1.258-0.978 c0.908 0.9 1.1 1.5 2.1 1.502c0.418 0 1.5 0 1.9 0c1.528 0 0.166-1.54-0.916-2.54c-1.024-0.952-1.071-0.979-0.189-2.123 c1.102-1.425 2.535-3.26 1.266-3.26c-0.246 0-0.072 0-2.428 0c-0.471 0-0.501 0.277-0.672 0.7 c-0.604 1.429-1.758 3.28-2.195 3.001c-0.46-0.295-0.248-1.3-0.213-3.038c0.014-0.459 0.01-0.774-0.694-0.94 c-1.92-0.447-3.578 0.431-2.9 0.537c0.954 0.2 0.9 2 0.6 2.98c-0.387 1.558-1.851-1.235-2.457-2.623 C7.25 8.5 7.2 8.3 6.7 8.277c-0.29 0-1.558 0-1.986 0c-0.382 0-0.569 0.177-0.434 0.531c0.133 0.3 1.7 3.8 3.4 5.8 c1.718 1.7 3.4 1.6 4.6 1.597H12.235L12.235 16.191z"/></g>','<g id="tripedvisor"><path fill="none" d="M15.825 9.215c-1.584 0-2.873 1.291-2.873 2.874c0 1.6 1.3 2.9 2.9 2.876s2.873-1.292 2.873-2.876 C18.698 10.5 17.4 9.2 15.8 9.215z M15.879 13.729c-0.423 0-0.82-0.164-1.118-0.464c-0.299-0.301-0.465-0.697-0.465-1.121 c0-0.421 0.166-0.818 0.465-1.119c0.298-0.298 0.695-0.461 1.118-0.461c0.873 0 1.6 0.7 1.6 1.6 C17.464 13 16.8 13.7 15.9 13.729z"/><path 

它几乎无法阅读,这是故意的。这是代码中部分,全部为一行。它使你看到的复制行为很难隔离,更重要的是,除非你真的知道自己在做什么,否则很难复制。

未恶意修改脚本

通常情况下,JavaScript(在这种情况下)会经过这个过程,称为"缩小",目的是确保代码尽可能减少开销。通常,最小化会删除空白、重命名变量等,以"美化代码"——使其在加载时间方面尽可能具有性能。