Question

我的代码输出以下内容，我正在寻找一种方法，以便向其中添加箭头导航。

    <div class="elementor-widget-container">
    <div class="elementor-tabs" role="tablist">
    <div class="elementor-tabs-wrapper" role="tab">
    <div class="elementor-tab-title elementor-tab-desktop-title elementor-active" data-tab="1" tabindex="7241">First tab</div>
    <div class="elementor-tab-title elementor-tab-desktop-title" data-tab="2" tabindex="7242">Second tab</div>
    <div class="elementor-tab-title elementor-tab-desktop-title" data-tab="3" tabindex="7243">Third tab</div>
    </div>
    </div>
    </div>

它与选项卡导航一起正常工作。单击每个选项卡的标题后，它将带我到相应的选项卡。我期待在其内容内添加简单的箭头链接，就像单击选项卡（指向相应标签的链接）一样，将执行相同的操作。我尝试添加：

<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="2" tabindex="7242">Click me to go to tab 2</div>

和

<a href="#" class="elementor-tab-title elementor-tab-desktop-title" data-tab="2" tabindex="7242">Click me to go to tab 2</a>

使用tabindex 7241进入选项卡的第一内容，但是它不起作用（无法导航至选项卡2）。

有关如何进行此链接的任何想法？

“ data-tab” a href链接：有可能吗？

0 个答案: