Построение пролета с событием щелчка на лету и событие щелчка не сработает

Question

После звонка на сервер в зависимости от возвращаемых данных я могу или не могу создать оператор span.

Я строю оператор с помощью

'<span class="icon icon-close removeGiftcard js-gift-card-remove js-gc-remove-amount-' + i + ' onclick="removegiftcard();"></span>'

ивот полная строка:

 $(".js-gc-display-amount-" + i).text("-" +
                        checkoutData.GiftCards[i].Amount.toLocaleString("en-GB",
                            { style: "currency", currency: "GBP" })).append('<span class="icon icon-close removeGiftcard js-gift-card-remove js-gc-remove-amount-' + i + ' onclick="removegiftcard();"></span>');

Если я смотрю с помощью Chrome, я вижу на вкладке элемента, что все выглядит хорошо с моим оператором span. тем не менее, моя функция removegiftcard () не срабатывает, когда я нажимаю на значок.

Answer 1

Исходя из комментариев, ваше заявление должно быть:

'<span class="icon icon-close removeGiftcard js-gift-card-remove js-gc-remove-amount-' + i + '"></span>'

И код:

$(".js-gc-display-amount-" + i).text("-" + checkoutData.GiftCards[i].Amount.toLocaleString("en-GB", { style: "currency", currency: "GBP" })).append('<span class="icon icon-close removeGiftcard js-gift-card-remove js-gc-remove-amount-' + i + '"></span>');

$('.removeGiftcard').click(function() {
    // Your code
});