有沒有辦法強制jQuery UI手風琴與CSS關閉直到頁面加載完成?我們正在內容管理系統上使用它,每個頁面都需要花費一定的時間來加載。在頁面完成加載之前,jQuery不會觸發,但是哪一點,所有的手風琴都已經擴展了。它們在頁面加載後關閉,但我覺得用戶看到一大堆東西出現然後消失,這讓人感到困惑。用CSS關閉jQuery UI手風琴
回答
有一個在.accordion({ ... })
調用本身的選項:
.accordion({ active: false, collapsible: true });
的active: false
選項使得封閉創建和collapsible: true
選項可以讓您可以重新關閉它,一旦你打開它。
打我吧... :-) – 2012-03-16 15:23:17
我毆打了他,引用了另一個問題,但被轉換爲一個評論爲微不足道的。 – ahillman3 2012-03-16 15:24:34
但是,在頁面完成加載之前,它還會等待,因爲它仍然在'$(document).ready()'中? – JacobTheDev 2012-03-16 15:32:28
該選項顯示如何在所有選項卡關閉的情況下初始化手風琴。請參閱:http://jqueryui.com/demos/accordion/#option-active這意味着初始化代碼將是:
$(".selector").accordion({ active: false, collapsible: true });
繼從jQuery手風琴documentation的設置,你可以簡單地把<div style="display: none">
下面的H3頭內容DIV。這會在頁面加載時隱藏手風琴中的所有內容。
您可以設置它想:
.accordion-body{
display: none;
}
我想這將手風琴調用$ .show(或類似)的地方,這樣你就不會需要擔心再次顯示它。再次,這是一個猜測,所以我錯了的情況下,就使其可見再次使用
$('.accordion-body').css('display', 'block');
$('#accordion').accordion();
但是,如果你在DOM加載調用.accordion()
,你也可以嘗試發射它較早,使用。負載:
$('#accordion').load(function(){
$(this).accordion();
});
你可以嘗試這樣的事:
在你的CSS,樣式應用於您使用調用手風琴選擇:
.accordionSelector > div { display:none; }
然後改變display
回block
jQuery的加載後:
$(".accordionSelector").accordion({...}).children("div").css("display","block");
- 1. jQuery UI的手風琴CSS
- 2. 手風琴中的jQuery UI手風琴
- 3. jquery ui手風琴
- 4. Jquery UI手風琴
- 5. Jquery Ui手風琴
- 6. 在jquery中關閉一段手風琴
- 7. Jquery手風琴關閉然後打開
- 8. jQuery UI的手風琴1.6
- 9. 打開/關閉手風琴
- 10. 銷燬jquery ui手風琴
- 11. jQuery UI手風琴問題
- 12. jQuery UI手風琴激活
- 13. jQuery UI手風琴元素
- 14. jQuery UI手風琴問題
- 15. 使用JQuery UI手風琴手風琴菜單
- 16. Jquery UI手風琴:自動關閉一段
- 17. 檢測jquery-ui手風琴打開/關閉狀態
- 18. Bootstrap手風琴(點擊手風琴時應該關閉其他手風琴)
- 19. css手風琴與jquery
- 20. JQuery水平手風琴CSS
- 21. jQuery UI手風琴風格定製
- 22. jQuery UI手風琴禁用選項卡
- 23. jQuery UI手風琴不起作用
- 24. jQuery UI手風琴不起作用
- 25. 與jquery ui手風琴jquery問題
- 26. jQuery手風琴
- 27. 關閉W3School手風琴的所有按鈕(html,css,js專用)
- 28. 如何在activete或者關閉jquery ui手風琴時調用一個函數?
- 29. Bootstrap手風琴 - 開始全部關閉
- 30. AMP手風琴(菜單關閉點擊)
http://stackoverflow.com/questions/7947789/jquery-ui-accordion-start-collapsed – ahillman3 2012-03-16 15:21:50