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

时间:2015-02-21 12:51:07

标签: javascript php css wordpress

我对我网站上的wordpress菜单有疑问。 如果您以移动分辨率打开我的网站(只是缩小它),您可以看到菜单更改为移动版本,这很不错。

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

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

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

该网站是www.nieuwesneakers.nl

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

  

我查看了您的网站,并不完全确定您到底是什么   在问。我观察了移动网站上的行为(可用   箭头和相应的行为)。你想要这个   行为可供你使用?还有,你熟悉吗?   Mozilla的Inspector工具和Chrome开发工具?如果你打了   Chrome中的CNTRL + SHIFT + i在您的网站上,您可以执行此操作   很多很酷的东西。但是,Wordpress的问题在于   很多插件都是专有的,开发人员似乎也是如此   有目的地错误构造他们的代码。

上面引用自己,所以我可以在答案中扩展它;但是,正如您将看到的,这不是您问题的真正答案。

Wordpress就是所谓的内容管理系统(CMS;或CMA - &#34; A&#34;助理&#34;)。它旨在使那些没有必要的编码背景的人可以发布网络,以发布相同质量的网站,并且是互联网的Web 2.0理念的一部分 - 使互联网可以访问世界。它是一个非常棒的强大工具,它为很多开发人员提供了大量资金,而且工作量少得多;然而,这通常意味着当人们遇到CMA时,他们不确定他们到底在做什么(这个背景并不意味着你是这个群体的一部分)。

作为动态的一部分,很多很酷的东西都可用,比如菜单滑块和基于JQuery的UI等等。所有这些都可以变得相当复杂,因为网站上堆满了一堆&#34;很酷的东西&#34;。问题在于 - 虽然我们可以访问这些UI插件的代码 - 但这些插件的代码是由知道他们正在做什么的人(以好的和坏的方式)编写的。好的是,他们希望为您的网站提供最好的服务(并且被称为提供&#34;最酷的东西&#34;周围);但是,正如Web开发工具将向您展示的那样,您可以使用所有 - 或许多 - 代码。

动机

那么,插件开发者如何回应呢?他们的代码不正确。一个例子直接来自您的网站:

请勿编辑以下代码(我知道格式不正确,这就是重点!)

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(在这种情况下)会经历这个过程 - 称为&#34;缩小&#34; - 为了确保代码尽可能少的开销。通常,缩小会删除空格,重命名变量等,以便对代码进行删除。 - 使其在加载时间方面尽可能高效。