为什么在将数据附加到body表时，Popover无法正常工作

Question

我使用bootstrap的popover然后问题。当我写javascript for append data添加到表中。 这个数据不能称为popover， 但是第一个表写的，它可以称为popover。 这是一个功能代码添加表。

function myFunction() {
    var addTable = "<tr>" +
        "<td><a style='cursor:pointer' data-toggle='popover' title='Vat Detail' data-html='true' " +
        "data-content='Vat <input type=\"text\" id=\"txtVat[]\" name=\"txtVat[]\" size=\"8\"> </br> " +
        "Invoice <input type=\"text\" id=\"txtVatInvoice[]\" name=\"txtVatInvoice[]\" size=\"8\"> </br> " +
        "DATE <input type=\"text\" id=\"txtVatDate[]\" name=\"txtVatDate[]\" size=\"8\"></br> '>" +
        "VAT </a> </td>" +
        "</tr>";
    $("#myTable tbody").append(addTable);
};

Answer 1

尝试使用Javascript触发弹出窗口，查看here。

这可以完成工作：

$(function () {
 $('[data-toggle="popover"]').popover()
});