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

Posted 2021-01-04 wangxiaoyan

使用$(‘#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 () {
             //此处写需要实现的功能
            }） 
}）

问题解决。