Question

目前这是我的网站

file:///C:/Users/CW/workspace/CASE-STUDY-CW/WebContent/index1.html

我有这段代码

<td><a href="#menu4"><span class="glyphicon glyphicon-wrench"></span></a></td>

我想在点击

时链接到我的div与id menu4

<div id="menu4" class="tab-pane fade">
        <h2>Modify Defect Details</h2>
        <div class="form-group dropdown col-lg-6">
            <div class="col-lg-12">
            <label>Defect ID #</label>
            </div>

但它只是在我的网站上添加＃menu4

file:///C:/Users/CW/workspace/CASE-STUDY-CW/WebContent/index1.html#menu4

这里似乎有什么问题？但是当我使用这个时

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
            <li><a data-toggle="tab" href="#menu1">Report a Defect</a></li>
            <li><a data-toggle="tab" href="#menu2">View all Defects</a></li>
            <li><a data-toggle="tab" href="#menu3">Defect Details</a></li>

当我点击Defect Details时，它会切换到div id = menu3 希望这也与我想要的点击glyphicon相同

Answer 1

我也应该使用

data-toggle="tab"

用于连接glyphicon。仅使用此代码

<a href="#menu4"><span class="glyphicon glyphicon-wrench"></span></a>

只在网址末尾添加＃menu4

ex. file:///C:/Users/CW/workspace/CASE-STUDY-CW/WebContent/index1.html#menu4

但是

<a data-toggle="tab" href="#menu4"><span class="glyphicon glyphicon-wrench"></span></a>

现在切换到id = menu4

的div

URL哈希链接不会将页面转移到具有匹配ID的元素

1 个答案: