3***@qq.com
3***@qq.com
  • 发布:2017-03-20 10:27
  • 更新:2017-03-21 11:25
  • 阅读:5270

折叠面板嵌套mui-table-view的问题

分类:MUI

在折叠面板mui-collapse,嵌套了一个mui-table-view样式的radio单选项,想做到折叠面板展开,可以单选其中的子项。如图

代码

<ul class="mui-table-view">  
                <li class="mui-table-view-cell mui-collapse">  
                    <a class="mui-navigate-right" href="javacript:">功能消息免打扰</a>  
                    <div class="mui-collapse-content">  
                        <ul class="mui-table-view mui-table-view-radio">  
                            <li class="mui-table-view-cell">  
                                <a class="mui-navigate-right">开启</a>  
                            </li>  
                            <li class="mui-table-view-cell">  
                                <a class="mui-navigate-right">只在夜间开启</a>  
                            </li>  
                            <li class="mui-table-view-cell">  
                                <a class="mui-navigate-right">关闭</a>  
                            </li>  
                        </ul>  
                    </div>  
                </li>  
            </ul>

现在问题是,如果只是展开折叠面板,不做任何操作,就能正常折叠和展开,但是如果展开之后,选中其中某一项,折叠面板就不能折叠了,有知道怎么回事的吗?

2017-03-20 10:27 负责人:无 分享
已邀请:
Neil_HL

Neil_HL

列表式单选,会出现mui-selected,与折叠的mui-active冲突了,建议:
1.使用DOM结构的单选,圆形的图标都是可以自定义改变的;

  1. 不用mui提供的单选,以免与折叠列表冲突,直接用js判断你点击的列表是哪个,在他后面加一个类名,类似与mui-selected,对你添加的类名自定义样式,参考mui-selected的样式。

该问题目前已经被锁定, 无法添加新回复