![](/img/trans.png)
[英]bootstrap 4 collapse only one at a time doesn't work. but works in bootstrap 3
我正在使用 bootstrap 4.4.1。 我的目標是一次展開一個面板的手風琴並關閉以前打開的其他面板。 我無法做到這一點。 我注意到另一個問題,當使用 bootstrap 3.3.1 時,我的目標就實現了。 我的意思是手風琴一次打開一個面板在 bootstrap 3.3.1 中工作,但在 4. ...
[英]bootstrap 4 collapse only one at a time doesn't work. but works in bootstrap 3
我正在使用 bootstrap 4.4.1。 我的目標是一次展開一個面板的手風琴並關閉以前打開的其他面板。 我無法做到這一點。 我注意到另一個問題,當使用 bootstrap 3.3.1 時,我的目標就實現了。 我的意思是手風琴一次打開一個面板在 bootstrap 3.3.1 中工作,但在 4. ...
[英]Bootstrap 4 set colour of headers of open panels
我正在使用基於 Bootstrap 4.3.1 的 HTML 模板。 在 Stack Overflow 社區的幫助下,我設法更改了這些模板中手風琴的默認行為。 現在一次只能打開一個面板(即一旦打開一個新面板,之前打開的面板就會自動關閉)。 我還設法通過調用 aria 屬性來更改活動面板的背景顏色,如 ...
[英]Bootstrap 4 change accordion behaviour
我正在使用基於 Bootstrap 4.3.1 的 HTML 模板向我的學生展示學習內容。 在當前模板中,所有手風琴面板在頁面加載時都會關閉,並且每個手風琴面板都可以打開,無論有多少其他面板也已打開。 可以在此 CodePen 上找到一個工作示例: https://codepen.io/hagels ...
[英]Scoll to and open / toggle Bootrap accordion from text link
我目前正在開發一個 bootstrap 手風琴,它看起來像這樣: 到目前為止一切正常,默認情況下第一個手風琴展開並在我單擊其他手風琴時關閉。 現在,我想知道是否有辦法滾動到並觸發這些手風琴。 例如,我在頂部有一個粘性導航,內容如下: 在一個理想的世界中,我想(一旦點擊)這將自動切換特定的手風琴並滾動 ...
[英]Accordion immediately collapses after state change
我在 React 應用程序中使用 Bootstrap 的 Accordion。 每個 Accordion 項目的主體中都有一個表格。 除了在字段中輸入任何字符(觸發 onChange)時 Accordion 立即關閉之外,這似乎很簡單。 經過反復試驗,我相信這個問題可能與 useState 有關。 ...
[英]How to make an html table with many nested accordion elements with bootstrap in react?
我需要用幾個相互嵌套的手風琴制作一張桌子。 我想要的最終結果是這樣的: 我想動態地創建這個表,因為我用來自 API 的數據填充它,但是我已經無法通過用硬數據對其進行硬編碼來讓它完全按照我想要的方式工作。 我的實際代碼如下(它是一個 React 組件,但我已對其進行了簡化,因此所有 html 都在 ...
[英]BootStrap: Right aligning nested accordion
我有一個嵌套的手風琴,看起來像: 但我想將它們右對齊,以便所有折疊箭頭對齊。 我正在使用 Plotly Dash,所以我的代碼如下所示: ...
[英]Bootstrap Accordion not working properly in React
所以我從 Bootstrap 復制粘貼了完全相同的 Accordion 代碼,但風格完全不同,而且它不起作用。 About.js 的代碼: } App.js 的代碼: 它應該是什么樣子:引導手風琴 它的實際外觀:我的 React 應用程序上的手風琴 而且我認為在導入它或在其他任何地 ...
[英]Sticky accordion header whilst open
我正在嘗試制作一個手風琴,其中打開的選項卡在向下滾動頁面時將保持在頂部。 當前打開的選項卡應保留在那里並在按下時關閉。 我目前正在通過模板生成手風琴,如下所示 我正在使用以下類來嘗試這樣做,但我無法讓它在打開的手風琴標題是仍然粘在頁面上的標題中工作 ...
[英]Weird collapse behavior in nested bootstrap accordions
我使用引導程序構建了一個手風琴樹視圖。 我有一些代碼可以控制手風琴的狀態: 這是 HTML 本身,它是 Razor 視圖組件,我遞歸調用它來構建樹視圖結構: 加載手風琴時,我從服務器加載一些東西,然后將它們呈現在一個 div 中,該 div 會在每個手風琴上呈現。 為此,這里有兩個 div ...
[英]Bootstrap accordion toggling issue
您好,我在 angular 中使用 bootstrap accordion,對於參考創建的 stackblitz,切換沒有發生,無法找到切換引起的問題 https://stackblitz.com/edit/angular-jbaonj?file=src%2Findex.html ...
[英]open/close accordion for dynamic data jquery
我有動態數據,點擊一些按鈕打開手風琴然后關閉它。 問題是當手風琴打開時,其他手風琴應該關閉。 就我而言,手風琴打開並僅在單擊同一個按鈕時單擊。當當前打開時如何關閉手風琴。它從“form-group-1”開始。 檢查 html 是這樣的: ...
[英]bootstrap 5 accordion: prevent toggle on specified elements in header
我有 bootstrap 5 手風琴想要通過單擊手風琴 header 中的圖標來顯示要顯示的彈出框 popover 正在工作,但手風琴也在切換。 如果單擊該彈出處理程序元素,我想防止切換手風琴。 我的代碼也在https://codepen.io/fakhre-alam/pen/zYERaqQ ...
[英]How to disable .accordion-item in Bootstrap 5 Accordion?
這是Bootstrap 5 Accordion 文檔中的一個示例: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link hre ...
[英]Bootstrap accordion won't expand on one page
在我的索引頁面上,我使用了 getbootstrap.com 中的示例代碼,現在我想在同一站點的不同頁面上再次使用它。 它顯示得很好,但沒有響應並且不會擴展/折疊。 兩個頁面的頁眉內容完全相同 - 從字面上復制/粘貼。 我不是編碼專家 - 有什么想法嗎? 謝謝! ...
[英]Why does Boostrap change my html layout and how to get the original format back?
.block { display: inline-block; } .row { width: 100%; text-align: right; } hr { border-top: 1px dotted red; } <link href="https://cdn.jsd ...
[英]How to get the data-mx from .accordion-header BS5
我想從我創建的data-mx提取一個值。 當我單擊.accordion-header 。 max屬性將分配給input#mxlen以控制輸入的最大數量。 我堅持將data-mx發送到輸入。 $('.accordion-header').on('click', function() ...
[英]Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) when added bootstrap accordion
錯誤:元素類型無效:應為字符串(對於內置組件)或類/函數(對於復合組件)但得到:未定義。 您可能忘記從定義組件的文件中導出組件,或者您可能混淆了默認導入和命名導入。 在 React 中添加 Bootstrap Accordion 時出現此錯誤。 請找到以下代碼。 ...
[英]want to show the specific data of opened Accordion in a modal for update operation using Django
我只想執行更新操作。 數據(基本上是來自views.py的一組問題),每個問題都以引導手風琴的形式顯示。 我想要的場景是當我們打開手風琴時,有一個用於更新數據的模式切換按鈕,當按下按鈕時,它會打開模式,其中包含允許用戶更新該數據的特定打開的手風琴的問題。 問題是,在當前代碼中,當我單擊第一個問題的 ...
[英]Angular 12 Bootstrap 5 ngFor accordion does not close
我正在嘗試使用引導程序 5 在 Angular 12 中創建一個 ngFor 下拉手風琴列表。不知何故,手風琴保持打開狀態並且無法關閉。 我希望有人知道如何使手風琴能夠關閉。 https://getbootstrap.com/docs/5.0/components/accordion/ &l ...