处理引导弹出窗口 html 内容内的按钮单击答案

【问题标题】：Handling button click inside bootstrap popover html content处理引导弹出窗口 html 内容内的按钮单击
【发布时间】：2021-02-17 04:44:14
【问题描述】：

我正在尝试在弹出框内呈现 html 按钮，并且在单击该按钮时我想调用一个 javascript 函数，但通过 LAPTOP'S TRACKPAD 该按钮的 onclick 函数没有触发。

<button class="seat seat-available" id="GEOJFK_32B" type="button">&nbsp;</button>

<script type="text/javascript">
$('button.seat-available').click(seat_avail_click_jquery);
var lastObjPop;

function seat_avail_click_jquery() {
    var obj = $(this);
    if (lastObjPop != null)
        lastObjPop.popover('dispose');
    lastObjPop = obj;
    var popupHtml = '<div class="seat-characteristics-popup ' + Math.random() + '"><div class="row"><div class="col-md-12"><h3 class="pax-name">Test User</h3></div></div>\
    <div class="row"><div class="col-md-6"><h3>20044<span class="seat-type">Free</span></h3></div><div class="col-md-6 text-right"><h3>$ 0</h3></div></div>\
    <div class="row"><div class="col-md-12"><button onclick="select_seat(\'DXBLHR\',\'1\',\'123\')" class="btn primary-btn select-seat">Choose</button></div></div></div>';
    obj.popover({ 'html': true, content: popupHtml, animation: true, 'trigger': 'popover' });
    obj.popover('show');
}


function select_seat(seg, paxid, id) {
console.log('here it is not coming.');
}
</script>

【问题讨论】：

标签： html jquery bootstrap-4

【解决方案1】：

经过大量挖掘和研究，我意识到添加“sanitize”就可以了。

obj.popover({ 'html': true, content: popupHtml, animation: true, 'trigger': 'popover',
sanitize: false //here is the magic.
});

【讨论】：