Javascript 追加html按钮，然后调用其onClick事件jquery

我试图在一个div中附加一些html

 $("#color").append('<label>Color</label><select id="sel"><option>Natural</option><option>Black</option><option>White</option><option>Navy</option></select></br><label>Quantity</label> </span><input type="text" name="qty"></br><label>Unit Price</label><div class="input-prepend"> <span class="add-on">$</span><input type="text" name="uprice"><span class="add-on">.00</span></div></br>**<a href="#" id="item-add" class="btn btn-info">Add Item</a>**');

---

但它似乎不起作用。请帮忙。谢谢看语法错误，你能试试吗

$('#item-add').on('click',function(){

        alert("HELLO");
});

---

看语法错误，你能试试吗

$('#item-add').on('click',function(){

        alert("HELLO");
});

---

按如下方式替换事件处理程序：

$(document).on('click', '#item-add', function() {
    alert("HELLO");
});

---

按如下方式替换事件处理程序：

$(document).on('click', '#item-add', function() {
    alert("HELLO");
});

---

尝试类似这样的单击事件

$('#item-add').on('click',(function(){
        alert("HELLO");
});

---

尝试类似这样的单击事件

$('#item-add').on('click',(function(){
        alert("HELLO");
});

---

首先，如果代码中存在语法错误，请清除function关键字前的“.”（“字符”。其次，不太清楚“调用事件”是什么意思，但可以使用trigger函数手动调用（触发）对象上的事件，如$（“#item add”）。trigger（'click'））首先，如果代码中存在语法错误，请清除function关键字前的“.”（“字符”。其次，不太清楚“调用事件”是什么意思，但可以使用trigger函数手动调用（触发）对象上的事件，如$（“#item add”）。trigger（'click'））抱歉，在问题中粘贴了错误的代码。但是创建函数并使用属性onClick实现了这一点。Thankstory，在问题中粘贴了错误的代码。但是创建函数并使用属性onClick实现了这一点。谢谢