gpt4 book ai didi

javascript - Twitter Bootstrap 顶部菜单未知组件向下滑动

转载 作者:太空宇宙 更新时间:2023-11-03 17:28:22 25 4
gpt4 key购买 nike

我正在使用 Twitter Bootstrap,但我遇到了顶部栏菜单的问题。当我从下拉列表中选择一个元素时,所有事件都被正确触发,JavaScript 正常,但有一个视觉对象(可能是 div?)向下滑动然后消失。它看起来像这样:

ugly sliding-down bug image

我不是 Twitter Bootstrap 专家,但我想我在那里放了一些无​​效的 HTML。此处提供完整的 HTML 代码:https://github.com/pateketrueke/json-schema-faker/blob/gh-pages/src/index.html ,但可能最重要的部分是:

<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
[...]
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Samples <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="dropdown-header">faker.js</li>
<li><a href="#" id="example_faker" data-toggle="collapse" data-target=".navbar-collapse">faker example</a></li>
<li class="divider"></li>
<li class="dropdown-header">chance.js</li>
<li><a href="#" id="example_chance" data-toggle="collapse" data-target=".navbar-collapse">chance example</a></li>
<li class="divider"></li>
<li class="dropdown-header">other</li>
<li><a href="#" id="example_boolean" data-toggle="collapse" data-target=".navbar-collapse">boolean</a></li>
<li><a href="#" id="example_integer" data-toggle="collapse" data-target=".navbar-collapse">integer</a></li>
<li><a href="#" id="example_array" data-toggle="collapse" data-target=".navbar-collapse">array</a></li>
</ul>
</li>

问题是:我该怎么做才能消除“向下滑动和消失”的错误?


编辑

此应用程序也支持移动版本。它看起来像这样:

mobile version mainpage image

当您触摸右上角的导航按钮时,会出现菜单:

mobile version mainmenu image

现在,当我单击样本时,会出现子菜单:

mobile version samples submenu image

当我单击任何选项时,我希望所有菜单都隐藏(折叠),以便立即查看演示。

现在手机可以正常工作了:)。我希望非移动滑动错误解决方案不会破坏移动版本。

最佳答案

<div id="navbar" class="navbar-collapse collapse">

删除 2 个 css 类。

这 2 个类应该与下拉系统一起使用。所以下拉系统试图用这个 div 做一些奇怪的事情,但它并没有真正起作用。

关于javascript - Twitter Bootstrap 顶部菜单未知组件向下滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31071545/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com