JQuery Accordion不在Bootstrap中断点工作

-2

我有一个使用当前/标签的JQuery手风琴窗口小部件。它反映了JQueryUI网站API文档。现在我已经从Bootstrap应用了12col网格布局，并将中间摆放在中间的10列内。对于992px断点处/上方的展开和折叠动作，一切正常。虽然div会改变宽度，但我应该失去单击标题并更改当前打开部分的能力。JQuery Accordion不在Bootstrap中断点工作

JQuery在Bootstrap之前加载。

JQuery的v1.9.1的引导V3.2.0

有8默认@media匹配设置一个最小宽度：992px，但我无法找到答案，为什么倒塌的javascript功能将停止下工作像素宽度。

<div class="container"> 
    <div class="row"> 
     <div class="col-md-2 col-xs-1"></div> <!--- spanner div to adjust left cushion ---> 
     <div class="col-md-8 col-xs-10 sign_in_container"> 

    <div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
    <p> 
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
    </p> 
    </div> 
    <h3>Section 2</h3> 
    <div> 
    <p> 
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet 
    purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor 
    velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In 
    suscipit faucibus urna. 
    </p> 
    </div> 
    <h3>Section 3</h3> 
    <div> 
    <p> 
    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. 
    Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero 
    ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis 
    lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. 
    </p> 
    <ul> 
     <li>List item one</li> 
     <li>List item two</li> 
     <li>List item three</li> 
    </ul> 
    </div> 
    <h3>Section 4</h3> 
    <div> 
    <p> 
    Cras dictum. Pellentesque habitant morbi tristique senectus et netus 
    et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in 
    faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia 
    mauris vel est. 
    </p> 
    <p> 
    Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. 
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per 
    inceptos himenaeos. 
    </p> 
    </div> 
</div> 

</div> <!--- END div class="col-md-8 col-xs-10 sign_in_container" ---> 

     <div class="col-md-2 col-xs-1"></div> <!--- spanner div to adjust right cushion ---> 
    <div> <!--- END row ---> 
</div> <!--- END container --->

来源

2014-10-20 Byron Ferguson

问题是什么，以及如何将如果我们无法在没有任何代码的情况下复制问题，您希望任何人提供帮助？ – charlietfl 2014-10-20 17:56:45

我的问题是通过Bootstrap在992px而不使用Bootstrap的情况下会发生什么变化。我会尝试再次将JSFiddle – 2014-10-20 17:59:05

放在一起，我们将如何知道您使用的是什么标记？ – charlietfl 2014-10-20 18:01:57

-1

虽然我仍然找不到任何地方的答案，我完成了大量的试验和错误的，最终的解决办法或解决方案是崩溃移动到它自己的行

来源

2014-10-20 20:55:40

JQuery Accordion不在Bootstrap中断点工作

回答

相关问题