【问题标题】:slideDown Jquery CSS set up? [closed]slideDown Jquery CSS 设置? [关闭]
【发布时间】:2013-03-06 22:59:46
【问题描述】:

好的,我有一个菜单,我想从另一个菜单下面滑下来。我不确定我是否正确设置了 jQuery。我将发布设计的图片链接。

navigation set up design

我所拥有的是头部的一部分,全部包含在 div 中,而没有。显示的菜单下方有一个菜单(底部的浅灰色部分),它包含在另一个 div (#subMenu) 中用于查询。基本上,我希望下面的那个向下滑动并通过单击图像中显示的顶部菜单上的链接来显示自己。

下面的菜单是分层的,并通过 z-index 和相对论定位在页面上。它被命名为#SubMenu,高60px,查询设置如下:

$(document).ready(function()){
//build a var to target #subMen div
var menu = $j('#subMenu')
//use click from link id
$('#menu-item-47').click(function(event){
    event.preventDefault();
    //if the menu is visible slide it up
    if (menu.is(":visible"))
        {
            menu.slideUp(50);
            $(this).removeClass("open");
        }
        //otherwise, slide menu down
        else
        {
            menu.SlideDown(50);
            $(this).addClass("open");
        }
});

});

然而,在 wordpress 中插入和设置后,单击链接后没有任何效果。我可能在 wordpress 中安装它是错误的,但我宁愿从一开始就解决问题。因为如果代码设置错误就没有意义了。

【问题讨论】:

  • js控制台说什么?
  • 它说由于某种原因在第一行有一个语法错误,或者它会说我给变量菜单的行有一个错误。

标签: jquery css drop-down-menu navigation slidedown


【解决方案1】:

您在slideDown 中有错字。

此外,您应该使用 jQuery 而不是 $,因为 WP 默认使用 .noConflict()

【讨论】:

  • 哦,废话!谢谢,我试试这个!谢谢!如果有其他事情我会回来的。
猜你喜欢
  • 1970-01-01
  • 2019-03-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-03-03
  • 2020-10-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多