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