avalon2.15如何给动态的数据绑定事件
本文介绍了avalon2.15如何给动态的数据绑定事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
'''<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/avalon.js/2.1.5/avalon.js"></script>
</head>
<script>
$(function(){
var vm=avalon.define({
$id:"test",
click:function(){
alert("点击成功!");
},
});
avalon.scan(document.body);
//模拟动态加载
setTimeout(function(){
var html='<div ms-click="@click">动态加入点击</div>';
$("#test").append(html);
},1000);
//重新扫描
setTimeout(function(){
console.log("再次扫描")
avalon.scan(document.body);
},3000);
});
</script>
<body ms-controller="test">
<div id="test">
<div ms-click="@click">初始按钮可以点击</div>
</div>
</body>
</html>
'''
解决方案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/avalon.js/2.1.5/avalon.js"></script>
<script>
var vm = avalon.define({
$id: "test",
arr: [],
click: function () {
vm.arr.push('<div>动态加入点击{{$index}}</div>')
}
});
</script>
</head>
<body ms-controller="test">
<div id="test">
<div ms-click="@click">初始按钮可以点击</div>
<div ms-for="($index,el) in @arr" ms-html="el"></div>
</div>
</body>
</html>
这篇关于avalon2.15如何给动态的数据绑定事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文