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

如果我的理解正确，则您正在尝试模拟单击按钮时对#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>

show()

在jQuery display: none中，事件意味着删除样式hide()，而{{1}}则相反。

如何在点击时重定向到li

1 个答案: