Bootstrap崩溃工作首次崩溃,并显示,但之后不工作

时间:2013-03-29 17:50:05

标签: javascript twitter-bootstrap collapse

很奇怪..我制作的手风琴直接从引导页面复制。第一次单击每个选项卡,然后展开,然后折叠它们,它们工作正常......但是如果你再次尝试再做,它们就不会响应。可能是什么导致了这个?这让我整天都很生气。

您可以在此处查看此示例 - http://v2.marlownailandbeauty.co.uk/index.php?option=com_content&view=article&id=18&Itemid=133

标记:

<div class="accordion" id="accordion2">
    <div class="accordion-group">
        <div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> Collapsible Group Item #1 </a></div>
        <div id="collapseOne" class="accordion-body collapse in">
             <div class="accordion-inner">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div>
        </div>
    </div>
    <div class="accordion-group">
         <div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> Collapsible Group Item #2 </a></div>
         <div id="collapseTwo" class="accordion-body collapse">
               <div class="accordion-inner">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div>
         </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> Collapsible Group Item #3 </a></div>
        <div id="collapseThree" class="accordion-body collapse">
            <div class="accordion-inner">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

Joomla默认包含Mootools,删除Mootools为我解决了这个完全的情况。

你可以这样删除Mootools:

<?php $headerstuff = $this->getHeadData();
foreach ($headerstuff['scripts'] as $k => $item) {
    if(stristr($k, 'mootools-core.js')) unset($headerstuff['scripts'][$k]);
    if(stristr($k, 'mootools-more.js')) unset($headerstuff['scripts'][$k]);
}
$this->setHeadData($headerstuff); ?>

我尝试过安装jQuery Easy插件,但它无法解决问题。