mui框架最近比較火,因為在移動端的頁面展示效果太好了,web頁面相當於APP的效果。連二年級的小明同學都知道了..你別說你不知道哦
但是這畢竟是一個不成熟的框架,維護和解決方案都跟不上,因此新手入坑要謹慎。
選擇器跟jQuery相比實在是low太多了,實際項目中想選擇當前元素的父級元素,以及當前元素在集合中的下標。百度都沒有。
最后再簡書上找到解決方案,使用dom操作元素。
代碼:
/*下一步*/
$(".mui-btn-success").on("tap", function() {
var text=this.textContent;
var index=this.id;
if(text=="下一步" && text!=undefined){
var me=parseInt(index-1);
document.getElementById("li"+me).classList.remove('mui-active');
document.getElementById("li"+index).classList.add('mui-active');
}
});
實現效果: