Question

我对开发非常陌生，因此我需要您的帮助，以找出最佳方法来使用Javascript显示不同选项卡中的内容。我想知道如何使用Javascript / Jquery完成它。这是我下面的HTML。预先感谢您的帮助。

<section class="payments-section">

        <ul>
            <li><a href="#deposits" class="payment-tab-button">Deposits</a></li>
            <li><a href="#withdrawals" class="payment-tab-button">Withdrawals</a></li>
        </ul>

        <div class="tab-content-panel">

                            <!--Deposits Tab Content-->

            <div id="deposits">
                Deposit content goes here.
            </div>


                            <!--Withdrawals Tab Content-->

            <div id="withdrawals">
                Withdrawal content goes here.
            </div>
        </div>
</section>

Answer 1

有很多方法可以做到这一点。而且由于您没有像CSS一样提供更多代码，因此您的问题无法重现。而且简单的Google搜索将give you A LOT of examples and tutorials进行操作，在您确定并尝试实现它之后，请随时提供所提供的尝试代码。

我可以指出一个我喜欢的简单例子：W3-Tabs.

祝你好运。

Answer 2

尝试避免使用jQuery。这是传统技术。使用ES6 +，您可以使用jQuery提供的许多功能以及纯JavaScript。

但是，对于简单的选项卡，您不需要任何JavaScript。只需使用一些CSS + HTML即可：https://medium.com/allenhwkim/how-to-build-tabs-only-with-css-844718d7de2f

在标签之间切换

2 个答案: