首页 文章

Bootstrap切换元素和JavaScript

提问于
浏览 次
-1

我有和应该在不同菜单条目中显示或隐藏的元素（例如，其可见性切换），以及应该切换元素可见性的切换按钮，但是无论切换按钮状态如何，都有菜单位置元素应该可见 .

<a class="menu-bar" data-toggle="collapse" href="#menu">
    <span class="bars"></span>             
</a>
<div class="collapse menu surcarte" id="menu">
    <div class="dansmenu">
        some nice stuff comes here
    </div>
</div>

上面的HTML就可以了 . 但是如果在顶部菜单栏中添加此代码：

<a data-toggle="collapse" href="#menu" onclick="somejavascript();return false;"> link 1 </a>
<a data-toggle="collapse" href="#menu" onclick="somejavascript();return false;"> link 2 </a>
<a data-toggle="collapse" href="#menu" onclick="somejavascript();return false;"> link 3 </a>

每个链接都会切换#menu元素，首先显示它，然后隐藏它，等等 . 但我希望他们总是显示#menu元素 . 只有带有“bars”类的元素才能充当转换器 .

我尝试用_1689276解决它，但jquery命令接缝不起作用 . 然后我尝试以下来找出发生了什么：

  • 单击类"menu-bar"的链接以显示div .

  • 使用命令 $("#menu").hide(); => WORKS

  • 点击类"menu-bar"的链接使div消失：不做任何事情

  • 单击类"menu-bar"的链接再次切换div：无效

  • 再次使用 $("#menu").show(); => WORKS

  • 单击类"menu-bar"的链接以使div消失：WORKS

  • 再使用 $("#menu").show(); => DOSN'T工作 .

似乎有一个双重叠加切换命令，我无法逃脱它 .

我怎么写一个工作 $("#menu").show(); ？

javascript jquery twitter-bootstrap toggle show

1 回答

  • 0

    我终于找到了问题所在 . 我在尝试这个：

    $("#menu").toggle()

    正确的语法是：

    $("#menu").collapse('toggle')

    特别感谢Rory McCrossan向我展示了这一点 .

    回复于

相关问题