Question

我的网页中包含一个nav-pills元素，效果很好。

li代码会有一个＆＃34;有效的＆＃34;如果我在该标签上，并且只有一个＆＃34;测试＆＃34;如果我目前不在该标签上

我还要尝试做的是为下一个和上一个做一个额外的按钮，所以如果我在＆＃34;菜单1＆＃34;选项卡，我接下来，我可以回到＆＃34;简介＆＃34;标签。我试图让按钮触发链接，但它不起作用。

<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");（注意哈希）。

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

1 个答案: