MUI折叠面板accordion中有个按钮,点击触发了折叠面板的事件

MUI折叠面板accordion中有个按钮,点击触发了折叠面板的事件,第1张

1、折叠面板

折叠面板从二级列表中演化而来,dom结构和二级列表类似,如下:

<ul class="mui-table-view">

<li class="mui-table-view-cell mui-collapse">

<a class="mui-navigate-right" href="#">面板1</a>

<div class="mui-collapse-content">

<p>面板1子内容</p>

</div>

</li>

</ul>

可以在折叠面板中放置任何内容;折叠面板默认收缩,若希望某个面板默认展开,只需要在包含.mui-collapse类的li节点上,增加.mui-active类即可;mui官网中的方法说明,使用的就是折叠面板控件。

点击ul中的li元素,点击失效,有时只有点击li元素的左侧才生效。

解决办法:mui有自带的点击事件绑定

本来是需要这样的,结果点击无响应

换成以下就可以了,$(".top-menu-list") 为本来的事件源的父级,此父级需要是一开始就存在的dom结构,而非动态添加

如果是 a 点击无效,用以下方法试试


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11887204.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存