Как перенаправить на ли по клику

Question

Как я могу показать li при нажатии кнопки?Я хочу, чтобы по щелчку кнопки назначения открылось окно Assign Lab Room & Technican.

Ниже приведен мой 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() делает противоположное.