Javascript 两个数据父项(ID包装在ID中)和引导不起作用

Javascript 两个数据父项(ID包装在ID中)和引导不起作用,javascript,twitter-bootstrap,accordion,jquery-ui-accordion,Javascript,Twitter Bootstrap,Accordion,Jquery Ui Accordion,我必须将我的手风琴放在一个中,然后是一个div,它也有一个id标签(),因为我是通过tooltip.js弹出我的手风琴的,其中定义了tooltip.js的目标 我的标签 ()在之外运行良好,即使在之内。一旦我将放入中,就会发生以下情况。 我的手风琴在你悬停在奥特丽德的目标上时很漂亮, 但手风琴上的标签不起作用。 (注意:如果我有一个外部目标,例如href=”http://helloworld.com 在这种情况下,选项卡可以工作,但对于锚定目标,例如href=“#tab2”,它们不能工作 有人

我必须将我的手风琴放在一个
中,然后是一个div,它也有一个id标签(
),因为我是通过tooltip.js弹出我的手风琴的,其中
定义了tooltip.js的目标

我的标签 (
)在
之外运行良好,即使在
之内。一旦我将
放入
中,就会发生以下情况。

我的手风琴在你悬停在奥特丽德的目标上时很漂亮, 但手风琴上的标签不起作用。
(注意:如果我有一个外部目标,例如href=”http://helloworld.com 在这种情况下,选项卡可以工作,但对于锚定目标,例如href=“#tab2”,它们不能工作

有人知道为什么吗

<div style="display:none;">
    <div id="outerid">
        <div id="accordion">
            <div class="accordion-group panel">
                <a class="accordion-header" data-toggle="collapse" data-parent="#accordion" onmouseover="this.click();" href="#tab1">
                                                HOVER FOR TAB 1
                                             </a>
                <div id="tab1" class="collapse in">
                    <div class="accordion-body">
                        <p>HELLO WORLD 1st</p>
                    </div>
                </div>
            </div>
            <div class="accordion-group panel">
                <a class="accordion-header" data-toggle="collapse" data-parent="#accordion" onmouseover="this.click();" href="#tab2">
                                               HOVER ME FOR TAB 2
                                             </a>
                <div id="tab2" class="collapse">
                    <div class="accordion-body">
                        <p>HELLO WORLD 2nd </p>
                    </div>
                </div>
            </div>
            <div class="accordion-group panel">
                <a class="accordion-header" data-toggle="collapse" data-parent="#accordion" onmouseover="this.click();" href="#tab3">
                                               HOVER ME FOR TAB3
                                             </a>
                <div id="tab3" class="collapse">
                    <div class="accordion-body">
                        <p>HELLO WORLD 3rd</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!---End Accordion---->
    </div>
    <!--- Outerid end---->
</div><!---End Non Display--->

你好,世界第一

你好,世界第二

你好,世界第三


所以,我不明白。如果我把它放在我的页面中,它会工作。但是当我想把手风琴作为工具提示,并使用tooltip.js来显示面板时,选项卡会停止工作。所以,我想这是因为“”。可能是因为它们位于“”中吗?所以,我不明白。如果我把它放在我的页面中,它会工作。但是当我想把手风琴作为一个工具时tooltip并使用tooltip.js显示面板选项卡停止工作。因此,我认为这是由于“”。可能是因为它们位于“”中吗?