Question

我正在使用可以创建模式的插件（模式窗口）。

在同一页面上，我有两个不同的W3卡（以后可能会以相同的布局使用更多的W3卡），使用模式将其打开。

在每个模态下，我都有3个选项卡。我从w3school复制了它们，这是链接https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_tabulators_active。

但是选项卡仅适用于其中一张卡。我更改了一张卡上的ID名称以及js部分中的函数名称，但仍然无法正常工作。

我该怎么办？预先感谢，

（编辑）

<!-- card No.1--> 
<span class="wow-modal-id-1"> <!-- the code that the plugin gives-->
 <div class="w3-card-4">
  <p>Some text</p>
 </div>
</span>

<!-- card No.2-->
<span class="wow-modal-id-2">
 <div class="w3-card-4">
  <p>Some text</p>
 </div>
</span>

然后我想在模式中有我共享链接的选项卡（只是因为它太多了，所以我没有在此处粘贴它们了。）

Answer 1

在不使用JS的情况下使用以下代码

<main class="main-tab">
  <input id="tab1" type="radio" name="tabs" checked>
  <label for="tab1">Tab 1</label>
  <input id="tab2" type="radio" name="tabs">
  <label for="tab2">Tab 2</label>
  <section id="content1">
    <p>
      Test tab 1
    </p>
  </section>
  <section id="content2">
    <p>
      Test tab 2
    </p>
  </section>
</main>

{{1}}

我想创建两个样式相同的标签，但js无法正常工作

1 个答案: