我无法将按钮添加到弹出窗口

I'm unable to add button to a popover

我一直在尝试向弹出窗口添加按钮。我有一个 div 网格,通过 asp.net 生成。我的代码看起来像这样:

$(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 替换按钮,它会工作正常,但无论如何我无法让按钮包含在内。有什么建议么?提前致谢!

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

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