【问题标题】:Working dropdown menu in Wordpress "dropped" out function/linksWordpress 中的工作下拉菜单“删除”了功能/链接
【发布时间】:2014-03-01 05:09:19
【问题描述】:

我按照本教程完成了一个 tee:http://mysitemyway.com/docs/index.php/Collapsible_sidebar_menus

我的网站在这里:http://inlightimage.com/

带有#'photography'、'design'和'teaching'的链接漂亮且响应迅速,下面列出的页面不可点击/链接。什么都没有动。

如果可能的话,我很想知道我在复制和粘贴时哪里出错了。

我添加到自定义 CSS:

.menu .dropdown .sub-menu { display: none; }

我添加到自定义 JavaScript:

jQuery(document).ready(function(){
     jQuery('.menu .dropdown a').click(function(e){  
          e.preventDefault();
          if (jQuery(this).parent().children('.sub-menu:first').is(':visible')) {
               jQuery(this).parent().children('.sub-menu:first').hide();
          } else {
               jQuery(this).parent().children('.sub-menu:first').show();
          }
     });
});

也许它与我的主题不兼容? (ElmaStudio 的摩卡主题)

非常感谢您的任何指导/帮助。

【问题讨论】:

    标签: javascript css wordpress menu portfolio


    【解决方案1】:

    我会尝试改变:

    jQuery('.menu .dropdown a').click(function(e){ 
    

    收件人:

    jQuery('.menu .dropdown > a').click(function(e){ 
    

    看起来选择器过于通用,并且将 preventDefault 应用于所有链接而不是父项。

    【讨论】:

    • 点击页面后,菜单会恢复到原来的下拉前状态。一旦用户单击下拉菜单并显示子页面,有什么方法可以修复菜单?即,除非再次单击该类别以“清理”并再次“压缩”它,否则防止崩溃?如果可以的话,谢谢。
    • 您可以更改输出以包含活动页面的类,然后在 jQuery 中检测它。您甚至可以完全使用 jQuery 来实现这一点,但这超出了原始问题的范围。试一试,如果遇到困难,请发布您的代码。
    猜你喜欢
    • 1970-01-01
    • 2014-02-22
    • 1970-01-01
    • 2017-10-05
    • 1970-01-01
    • 2012-05-17
    • 2021-04-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多