MUI混合app开发---switches开关点击状态的变更(jquery和mui两种方式的实现)

一、switches在mui框架中的使用

MUI混合app开发---switches开关点击状态的变更(jquery和mui两种方式的实现)_第1张图片

二、样式布局的实现

三、mui框架的方式,对变化的监听

mui.plusReady(function(){
		mui('.mui-content-padded').on('toggle'," .mui-switch", function(event) {
			//event.detail.isActive 可直接获取当前状态
			console.log("toggle");
			console.log("---->" + event.detail.isActive);

		});
	})

四、使用jquery对变化实现监听

$(".mui-content-padded .mui-switch").on("click", function(event) {
		console.log("jquery   click");
		console.log("状态--->"+this.classList.contains("mui-active"))
	})

 

你可能感兴趣的:(mui-app混合插件开发)