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中斷點工作

回答

相關問題