Javascript从html元素调用函数

Question

假设我有一个像这样的字符串

var methodString =  "<script>
var a;
var b;

function func1(v1, v2)
{
 ..///DO random stuff
}
</script>";

然后我在页面上的某个按钮点击按钮后将此代码附加到正文的末尾

 $(body).append(methodString);

如何调用刚刚附加的新功能

$("button1").click(function() { func1(a,b); }); //This doesn't seem to recognize the new method.

Answer 1

简单的HTML

<button onclick="func1(a,b);">Click me</button>

使用jQuery

<script type="text/javascript">
    $('#myButton').click(function(){
        func1(a,b);
    });
</script>
<button id="myButton">Click me</button>