Question

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

                    <ul class="nav navbar-nav navbar-right">

                        <li><a href = "link1.html" >Link1</a></li>
                        <li><a href = "link2.html" >Link2</a></li>

                        <li class = "dropdown"> 
                            <a href = "link3.html" class = "dropdown-toggle" data-toggle = "dropdown"><span>Link3</span><b class = "caret"></b></a>
                            <ul class = "dropdown-menu">
                                <li><a href = "#subtab1">Subtab1</a></li>
                                <li><a href = "#subtab2">Subtab2</a></li>
                            </ul><!-- END: "dropdown-menu" -->      
                        </li><!-- END: "dropdown" -->
                        <li><a href = "link4.html" >Link4</a></li>

                    </ul><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
                </div><!-- END: "container" -->
            </div><!-- END: "container" -->
        </div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

正如您所看到的，我已经设置了一个带有多个标签的导航栏，当单独点击时，链接到相应的HTML文件。但是，出于某种原因，当我点击Link3时，没有任何反应。我检查了文件的名称 - 一切 - 但仍然没有任何反应。我认为这与li标签位于不同的位置有关，但我无法弄清楚这个问题的原因（我没有使用任何JavaScript btw）。

你们认为可以解决这个问题？

编辑：

我的错。我没有提到我正在使用Bootstrap 3.2.0。

Answer 1

看起来你正在使用Bootstrap。如果你不是，你做了一些非常相似的东西，但这个答案可能不相关。

我认为您的问题是由于点击功能打开菜单引起的。尝试将“Link3”更改为：

<a href="link3.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><span>Link3</span><b class="caret"></b></a>

新代码仅包含一个添加的属性：

data-hover="dropdown"

我希望这有效！

尝试将HTML文件链接到下拉链接时出现问题（无JS）

1 个答案: