mootools手風琴造型問題

我剛剛製作了我的第一部mootools手風琴，但它增加了很多內聯風格，這隻會毀了我的用戶界面。我可以使用！important關鍵字設置內聯樣式，但這隻會讓我的css維護成爲一場噩夢。任何想法如何擺脫的內聯樣式mootools手風琴造型問題

這只是這個

<script language="javascript"> 
    window.addEvent('domready', function() { 

//create our Accordion instance 
var myAccordion = new Accordion($('accordion'), 'div.subTreeHeader', 'div.accordionElement', { 
opacity: false, fixedHeight:400 

}); 

}); 

</script>

來源

2010-03-19 Midhat

您能否告訴我們您是如何製作手風琴的？你是否創建了腳本，使用了一些插件等？ – 2010-03-20 08:06:52

爲您的標記和js創建一個jsfiddle帖子，以便我們可以確切地看到您想要達到的效果。 – touson 2011-01-31 00:34:14

回答有用嗎？雖然遲了:) – Sergio 2013-08-01 07:28:44

嗯，這是很老的問題，我的回答是，因爲我跑它就在尋找着同樣的問題時。

其實MooTools的Acordion增加了這麼多的內嵌CSS：

padding-top: 0px; border-top-style: 
none; padding-bottom: 0px; border-bottom-style: none; 
overflow: hidden; opacity: 1;

，我發現這種情況的解決方案是具有調用new Fx.Accordion後應用的修補程序。我也同意，修正!important CSS修復感覺不對。所以我也尋找其他選擇。

選項1，重新設置的CSS，只要你想：

$$('.acordion3_content').setStyles({ 
    border: '3px solid #0F0', 
    'overflow-y': 'auto', 
});

選項2，創建內部或外部它多了一個格。我做了這個選項來獲得我可以連接事件的滾動div。像這樣，我可以在手風琴的內容中有一個卷軸，而不受Fx.Acordion CSS的影響。

來源

2013-07-16 13:53:44 Sergio

mootools手風琴造型問題

回答

相關問題