代码之家 › 专栏 › 技术社区 › Midhat

手风琴造型问题

mootools javascript

Midhat · 技术社区 · 16 年前

我刚刚构建了我的第一个mootools手风琴,但它添加了很多内联样式,这会破坏我的UI。我可以用设置内联样式!重要的关键字,但它只会使我的css维护成为一场噩梦。有没有办法摆脱内联样式

就是这样

<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>

1 回复 | 直到 16 年前

Sergio 13 年前

这是一个很老的问题,我回答它是因为我在寻找同样的问题时跑向它。

实际上,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。我这样做是为了得到一个可以连接事件的滚动div。像这样,我可以在手风琴的内容内有一个卷轴,而不受Fx的影响。Acordion的CSS。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前