Question

如果在引导选项卡中有两个具有相同ID的div，它只激活一个是正常的吗？

守则

<ul>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
</ul>
<div class="tab-content">
    <div id="id1">
        Hello 
    </div>
    <div id="2">
        Hello Again :)  
    </div>
    <div id="2">
       OMG Hello Again :)  
    </div>
</div>

但是当我点击ID2时，我只看到第一个div的内容，而忽略了另一个，这是正常的吗？

Answer 1

是的，这是正常的，因为您使用相同的id进行多个div，这使得另一个divv灭绝。你应该从不这样做。

要实现这一点，您可以将div包装在父级中并将其id=2

<ul>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
</ul>
<div class="tab-content">
    <div id="id1">
        Hello 
    </div>
    <div id="2">
        <div> Hello Again :) </div>
        <div> OMG Hello Again :) </div>
    </div>
</div>

显示内容两次 - Bootstrap选项卡

1 个答案: