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

Posted 2023-03-05

【中文标题】处理引导弹出窗口 html 内容内的按钮单击

【英文标题】：Handling button click inside bootstrap popover html content

【发布时间】：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>

【参考方案1】：

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

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