我无法将按钮添加到弹出框

Question

我一直在尝试向弹出框添加一个按钮。我有一个通过 asp.net 生成的 div 网格。我的代码如下所示：

$(document).ready(function () {
    $('.hometable').popover({
        html: true,
        trigger: "manual",
        title: function () {
            return $('#popover-title').html();
        },
        content: function () {
            return $('popover-content').html();
        }
    });
    
    $('.hometable').mousedown(){
        $(this).popover("show");
    }
}

<div id="popover-title" class="hide popover_name" hidden>
        <b>Overzicht</b>
</div>
<div id="popover-content" class="hide popover_name" hidden>
    <div>            
        <button>Test</button>
    </div>
</div>

<table> 
    @for(int i = 0; i < 5; i++){
        <tr>
             @for(int j = 0; j < 5; j++){
                 <td class="hometable">
                     <div></div>
                 <td>
             }
        </tr>
    }
</table>

如果我用 Test 替换按钮，它会正常工作，但我无法让按钮包含在其中。有什么建议？提前致谢！

Answer 1

由于弹出窗口中包含默认的“清理”功能，我的按钮似乎在加载后立即被自动删除。我可以通过在我的弹出框初始化中添加“sanitize：false”选项来解决这个问题。我的代码现在看起来像这样：

$('.hometable').popover({
        html: true,
        trigger: "manual",
        sanitize: false,
        title: function () {
            return $('#popover-title').html();
        },
        content: function () {
            return $('popover-content').html();
        }
    });