mui事件綁定和能夠用的js dom操做方法

<script>
		//事件綁定 對象 方法 子元素 回調函數
		mui('body').on('shown', '.mui-popover', function(e) {
			//console.log('shown', e.detail.id);//detail爲當前popover元素
		});         //事件綁定 對象 方法 子元素 回調函數 
		mui('body').on('hidden', '.mui-popover', function(e) {
			//console.log('hidden', e.detail.id);//detail爲當前popover元素
		});         //getElementByID innerHTML parentNode
		var info = document.getElementById("info");
		mui('body').on('tap', '.mui-popover-action li>a', function() {
			var a = this,
				parent;
			//根據點擊按鈕,反推當前是哪一個actionsheet
			for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
				if (parent.classList.contains('mui-popover-action')) {
					break;
				}
			}
			//關閉actionsheet
			mui('#' + parent.id).popover('toggle');
			info.innerHTML = "你剛點擊了\"" + a.innerHTML + "\"按鈕";
		})
	</script>
相關文章
相關標籤/搜索