javascript - 我想要一个按钮来使用 jquery/JavaScript 触发链接

Question

我的网页中包含了一个 nav-pills 元素，它运行得很好。

如果我在该选项卡上，li 标记将具有“active”类，如果我当前不在该选项卡上，则仅具有“test”类。

我还想做的是为下一个和上一个添加一个按钮，因此如果我在“菜单 1”选项卡上并点击“下一个”，我可以返回到“简介”选项卡。我尝试让按钮触发链接，但它不起作用。

<div class="card">
    <div class="header">                
        <div class="col-sm-12 text-center">
            <ul class="nav nav-pills center-pills">
                <li class="active" id="first" class="test"><a id="link1" class="test" href="#home">Introduction</a></li>
                <li class="test"><a href="#menu1" class="test">Menu 1</a></li>  
            </ul>
        </div> 
        </div>
        <div class="content">    
            <div class="tab-content">
                <!--first tab-->
                <div id="home" class="tab-pane fade in active">
                    <h3>Introduction</h3>
                    <p>Random Text </p>
                    <button id="next-step" class="btn btn-basic">Next</button>
                </div>
                <div id="menu1" class="tab-pane fade in active">
                    <h3>Menu1</h3>
                    <button id="back-step" class="btn btn-basic">Back</button>
                </div>
           </div>
       </div>
    </div>
</div>

我的 JavaScript 看起来像:

$('#back-step').click(function(){
   $('link1').trigger("click");
});

$(".nav-pills a").click(function(){
    if ($('#first').hasClass('active')){
        $('#first').addClass('test').removeClass('active');            
    }
    $(this).tab('show');
});

Answer 1

您的 JavaScript 似乎存在拼写错误。您没有定位 #link1 ID。尝试 $('#link1').trigger("click"); (注意哈希值)。