动态元素的onclick事件

时间:2013-11-18 16:53:56

标签: javascript

我有一个动态按钮,可以通过html属性添加:

编辑:

$("#gallery").html("<button id='" +img_name.substring(img_name.indexOf("uploaded_images")) 
    + "' onclick='testrf('test')' 
    class='btn btn-danger btn-xs delete_btn' >Delete</button>");

我的功能是:

function testrf(param)
{
    alert(param);
};

但是它给了我testrf没有定义,是因为我的元素添加了dymanicaly?

我错过了什么吗?

3 个答案:

答案 0 :(得分:1)

有一种完整的做法是说内联函数/样式是一个坏主意。

只需使用jQuery。

JS

$('button').click(function(){
  alert(this.id);})

HTML

 <button id='1234' class='btn btn-danger btn-xs delete_btn' >Delete</button>

jsFiddle:http://jsfiddle.net/5kfYQ/1/

答案 1 :(得分:0)

它不是作为一种功能出现的。它看起来就在这里,但在定义函数之前可能会丢失分号。它正在寻找testrf而不是将其定义为函数。语法检查整个页面,而不仅仅是函数。

答案 2 :(得分:0)

onclick="testrf('test')"

您应该使用不同的引号