Javascript 需要编码帮助:jqueryleftsilde菜单

Javascript 需要编码帮助:jqueryleftsilde菜单,javascript,jquery,nav,Javascript,Jquery,Nav,我在左边有一个导航菜单,我正在使用jquery向左滑动。最初我想显示第一个菜单(即:面板A) HTML: 您可以在此处查看完整代码: 有人知道解决方案吗?有几种方法: 1 <!--<li class="menu-item" data-target="#PanelA" title="Panel A">--> <li class="menu-item" data-target="#PanelA" title="Panel A" style = "display:blo

我在左边有一个导航菜单,我正在使用jquery向左滑动。最初我想显示第一个菜单(即:面板A)

HTML:

您可以在此处查看完整代码:

有人知道解决方案吗?

有几种方法:

1
<!--<li class="menu-item" data-target="#PanelA" title="Panel A">-->
<li class="menu-item" data-target="#PanelA" title="Panel A" style = "display:block">

2
HTML:
<!--<li class="menu-item" data-target="#PanelA" title="Panel A">-->
<li class="menu-item menu-show" data-target="#PanelA" title="Panel A">
CSS:
/*add this to your css file*/
.menu-show{
    display: block;
}

3
//jQuery Way
$('li[title="panel A"]').show();
1
  • 2. HTML:
  • CSS: /*将其添加到css文件中*/ .菜单展示{ 显示:块; } 3. //jQuery方式 $('li[title=“panel A”]”)。show();
  • 似乎问题出在你的CSS代码中,而不是你发布的有问题的代码中

    $(function() {
        $(".slide-menu").slidemenu();
    });
    
    1
    <!--<li class="menu-item" data-target="#PanelA" title="Panel A">-->
    <li class="menu-item" data-target="#PanelA" title="Panel A" style = "display:block">
    
    2
    HTML:
    <!--<li class="menu-item" data-target="#PanelA" title="Panel A">-->
    <li class="menu-item menu-show" data-target="#PanelA" title="Panel A">
    CSS:
    /*add this to your css file*/
    .menu-show{
        display: block;
    }
    
    3
    //jQuery Way
    $('li[title="panel A"]').show();