javascript - 如何在点击时重定向到 li

Question

如何在单击按钮时显示 li？我想点击分配按钮， 分配实验室和技术人员应该打开。

下面是我的 html 代码。

<div class="box-header" id = "liid">
    <ul class="nav nav-tabs pull-left" style="cursor: move;">
        <li ><a href="#payment" data-toggle="tab">Application</a></li>
        <li class="active"  id="assigned"><a href="#appointment" data-toggle="tab">Assign Lab Room & Technican</a></li>                                 
        <li class=""><a href="#analysis" data-toggle="tab">Technican Analysis</a></li>
        <ng-container *ngIf="usertypeid==='3'">
        <li class=""><a href="#audit" data-toggle="tab">Audit1</a></li>
        <li class=""><a href="#audit1" data-toggle="tab">Audit2</a></li>
        </ng-container>
    </ul>
</div>  

<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" (click)="show()" ><i class="fa fa-edit"></i>&nbsp;Assignment</button>

下面也是我的 jQuery 函数:

show(){
    console.log("afdghj");
    $( "#assigned").show();            
}

Answer 1

如果我理解正确的话，您正在尝试模拟对 <li> 的点击当点击你的按钮时。如果您想重定向到 #appointment，这不是合适的答案。路径，因为href="#appointment"设置在您的<a>中标签而不是在您的 <li> 中.

话虽如此，我认为你应该做的是让你的按钮真正做你想做的事情，并在其操作中重定向到你想要的路径。

那么，您的代码必须是

function show(){
    console.log("afdghj");
    window.location.href= '#appointment';
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box-header" id = "liid">
    <ul class="nav nav-tabs pull-left" style="cursor: move;">
        <li ><a href="#payment" data-toggle="tab">Application</a></li>
        <li class="active" id="assigned"><a href="#appointment" data-toggle="tab">Assign Lab Room & Technican</a></li>                                 
        <li class=""><a href="#analysis" data-toggle="tab">Technican Analysis</a></li>
        <ng-container *ngIf="usertypeid==='3'">
        <li class=""><a href="#audit" data-toggle="tab">Audit1</a></li>
        <li class=""><a href="#audit1" data-toggle="tab">Audit2</a></li>
        </ng-container>
    </ul>
</div>  

<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" onclick="show()" ><i class="fa fa-edit"></i>&nbsp;Assignment</button>

在 jQuery 中 show()事件意味着删除样式 display: none和hide()则相反。