mui 左侧选项卡-div模式 的选项卡切换监听

标签：功能   问题解决   style   img   sel   元素   function   事件   eve   

使用$(‘#segmentedControls‘).on(‘change‘, ‘.mui-control-item‘, function () { }）和 document.getElementById("segmentedControls").addEventListener(‘.mui-control-item‘, function (e) {}）  都没有效果

后来使用querySelectorAll(".mui-control-item") 方法取所有类命为mui-control-item的元素，但是需要注意的是使用 querySelectorAll(".mui-control-item") 获取的是 数组，数组不能使用 addEventListener 需要遍历监听事件

所以不能写成querySelectorAll(".mui-control-item").addEventListener(‘tap‘, function (e) { }）

而应该这样写：

 document.querySelectorAll(".mui-control-item").forEach(function(item){
           item.addEventListener(‘tap‘, function () {
             //此处写需要实现的功能
            }） 
}）

问题解决。

mui 左侧选项卡-div模式 的选项卡切换监听

标签：功能   问题解决   style   img   sel   元素   function   事件   eve   

原文地址：https://www.cnblogs.com/wangxiaoyan/p/9585816.html