How can I add Html tags (like

Question

I am using Bootstrap-Popover. I want to have a button inside the popover. It was working fine earlier but now it's not working.

Javascript:

function updatePopover() {
    var popStr = "";
    popStr = popStr + " Heading :  ";
    popStr = popStr + ""
    document.getElementById('pop').setAttribute('data-content', popStr);
    $('#popcart').popover('hide');

}

user_6174271 · Answer

Simply, you can do the following:

var dynamicData = ['Dynamic Data', 'Dynamic Data', 'Dynamic Data', 'Dynamic Data'];

$('[data-toggle="popover"]').popover({
    title: "Heading",
    content: function () {
        var resultData = $(``);
        for (var i in dynamicData) {
            resultData = resultData.add(
                `
                    `+ dynamicData[i] + `
                    `+ i + `
                `
            );
            // console.log(i, dynamicData[i]);
        }

        resultData = resultData.add(`

`);

        return resultData;
    }
});

$(document).on("click", "#funcid", function () {
    $(this).parents(".popover").popover('hide');
});

.popover-body {
    width: 200px;
}

user_2913723 · Answer

The code you provided is broken. You forgot " at the end of

popStr = popStr + ""

Can you try that and check if it solves your problem.

How can I add Html tags (like <button>) in Popover Content (Bootstap) by Javascript

2 Answers