javascript - 附加 html 按钮，然后调用其 onClick 事件 jquery

Question

我正在尝试在 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>**');

然后尝试调用该按钮的 Click 函数，即

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

        alert("HELLO");
});

但它似乎不起作用。请帮忙。谢谢

Answer 1

像这样替换你的事件处理程序:

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