动态创建控件的onclick对应函数无法被执行 [复制链接]

jie758

注册会员

Rank: 2

电梯直达

楼主

发表于 2013-12-9 23:39:40 |只看该作者 |倒序浏览

我在自己定义的jquery插件中，动态创建了一个toolbar，里面有一个按钮，按钮的onclick="addData()".
但是这个addData函数却始终无法被执行。

下面我附上了我的代码，我用了三种function定义的方式，只有方式三才会被执行。

难道一定要把方法定义在全局上才生效么？？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
<script src="boot.js" type="text/javascript"></script>
<style type="text/css">
</style>
</head>
<body >
<div id="test">
</div>
<script type="text/javascript">
(function($){
//方式一
var addData = function(){
alert(12333444);
};
//方式二
function addData(){
alert(12333);
}
var $toolbar = $("<div/>").appendTo($("#test")).addClass("mini-toolbar");
$toolbar.css({
padding:"5px",
"border-bottom":"0"
});
$('<a class="mini-button" iconCls="icon-add" plain="true" onclick="addData()">增加</a>').appendTo($toolbar);
mini.parse();
})(jQuery);
////方式三
function addData(){
alert(12333);
}
</script>
</body>
</html>

复制代码

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-12-10 11:19:18 |只看该作者

确保你的appendTo()后面的元素正确获取到了

另外,miniui空间的创建方式只有2中
1.JS: var btn = new mini.Button()

2.'<a class="mini-button"></a>'

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

返回列表

		自动登录	找回密码
密码			立即注册