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

Appending html button and then calling its onClick event jquery

本文关键字:onClick 事件 jquery 调用 然后 html 按钮 追加      更新时间:2023-09-26

我正试图在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");
});

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

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

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

看语法错误,你能试试吗;

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

尝试类似的点击事件

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