MUI列表条目的点击事件

如下图所示是一个列表，我们想做的就是给这些条目写点击事件，之前百度了一下MUI的条目点击事件，找到的代码都是片段性，不太完整，而且我自己试了一下网上的代码感觉不奏效，也可能是我使用的方法不对吧，回来我自己摸索出了方法，在这里和大家分享一下。

核心代码如下图所示：

<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
//首先是给列表以及列表条目绑定Id：
			var listView = document.getElementById('listView');
			var listItem = document.getElementsByClassName('mui-table-view-cell');
//然后是写一个函数，也就是列表条目的点击事件。
			var clickEvent = function(i) {
				listItem[i].addEventListener('tap', function(event) {
					console.log(i);
					mui.toast(listItem[i].textContent);
				});
			}
//第三步就是用for循环，执行上面的clickEvent函数。for循环的循环次数就是列表的条目数量。
			for(var i = 0; i < listView.childElementCount; i++) {
				clickEvent(i);
			}
		</script>

示例代码的链接在这里：链接

因为这个下载链接必须要设置积分，没法设置免费下载，如果有谁没有积分下载代码，请给我留言吧。我看到后会尽快把代码发给你的。分享使我们的编程水平得以提高。

如果本文对您有所帮助，麻烦点击一下左侧的点赞按钮，谢谢。