Javascript jQuery popover不'；不显示附加的html

我的府绸有问题。 因为我想避免ID冲突，所以在弹出窗口中显示html代码时，我会尝试将其从原始位置删除。 当popover关闭/隐藏时，我将代码复制回其原始位置

我的问题是，如果我显示popover，隐藏popover并想再次显示popover，popover是空的。 但当我调试代码时，在popover的内容部分确定的html似乎是正确的

这是我的密码：

 jQuery('.dashboard_popper_btn').popover({
    placement: 'bottom',
    container: 'body',
    html: true,
    template: '<div class="my-dashboard-popover popover">'+
                '<div class="arrow"></div>'+
                '<div class="popover-inner">'+
                '<h3 class="popover-title"></h3>'+
                '<div class="popover-content">'+
                '<p></p></div></div></div>',        
    content: function () {
        var html;
        var popoverContent  = jQuery(this).data("popoverContent");
        var currentPopper   = jQuery(this).parent().find('.popper-content'); 
        if (jQuery(currentPopper).length > 0) {
            html            = jQuery(currentPopper).html();
        }
        if (typeof html !== typeof undefined && html != "undefined") {
            jQuery(this).data("popoverContent", currentPopper);
            jQuery(currentPopper).remove();
        } else if (popoverContent != null) {
            html        = jQuery(popoverContent).html();
        }
        //html = jQuery.parseHTML(String(html));

        return html;
    }
}).on('hide.bs.popover', function() {
    var contentId       = "#"+jQuery(this).attr("aria-describedby");
    var currentPopover  = jQuery(contentId);
    var popoverContent  = jQuery(contentId).find(".popover-content");       
    jQuery(this).data("popoverContent", popoverContent);
}).on('hidden.bs.popover', function() {
    var parent          = jQuery(this).parent();
    var popoverContent = jQuery(this).data("popoverContent");
    jQuery(popoverContent).addClass("popper-content");
    jQuery(popoverContent).addClass("rsib_hide");
    jQuery(popoverContent).removeClass("popover-content");
    jQuery(popoverContent).appendTo(parent);
});

jQuery（'.dashboard\u popper\u btn'）.popover({
位置：'底部'，
容器：'主体'，
是的，
模板：“”+
''+
''+
''+
''+
“
”，
内容：功能（）{
var-html；
var popcovercontent=jQuery（this）.data（“popcovercontent”）；
var currentPopper=jQuery（this.parent（）.find（'.popper content'）；
if（jQuery（currentPopper）.length>0）{
html=jQuery（currentPopper.html（）；
}
if（typeof html！==typeof undefined&&html！=“undefined”）{
jQuery（this）.data（“popoverContent”，currentPopper）；
jQuery（currentPopper.remove（）；
}else if（popoverContent！=null）{
html=jQuery（popcovercontent.html（）；
}
//html=jQuery.parseHTML（字符串（html））；
返回html；
}
}).on（'hide.bs.popover'，function（）{
var contentId=“#”+jQuery（this.attr（“aria descripbedby”）；
var currentPopover=jQuery（contentId）；
var popoverContent=jQuery（contentId.find（“.popoverContent”）；
jQuery（this）.data（“popoverContent”，popoverContent）；
}).on（'hidden.bs.popover'，function（）{
var parent=jQuery（this.parent（）；
var popcovercontent=jQuery（this）.data（“popcovercontent”）；
jQuery（popoverContent）.addClass（“popper内容”）；
jQuery（popoverContent）.addClass（“rsib_隐藏”）；
jQuery（popoverContent）.removeClass（“popover内容”）；
jQuery（popoverContent）.appendTo（父级）；
});

正如我所说，当我调试代码时，一切似乎都很好。在我重新插入代码后，即使HTML看起来也很好

遵循相关的HTML代码：

<div class="dashboard_filter_row">
<a class="dashboard_popper_btn" data-toggle="popover" data-original-title="" title="">Filter</a>
<div class="popper-content rsib_hide">
    <div class="ibfc_checkbox_table_dropdown_container">
        <div class="ibfc_checkbox_table_dropdown_button ibui_select ibui_select_popover_accordeon">
            Months 
            <div style="text-align: right; float: right; margin-right: 20px;">
                <input id="dashboard_check_all_months_3250558b0140595dc1" class="my_checkbox" type="checkbox">
            </div>
        </div>
        <div class="month_selection" style="display: none;">
            <ul>
                <li class="table_active_kz">
                    <input class="cb_months_dd_check_table_active ibfc_table_dropdop_checkbox" value="1" name="cb_months_dd_check_table_active" type="checkbox">
                    <span>Januar</span>
                </li>
                <li class="table_active_kz">
                    <input class="cb_months_dd_check_table_active ibfc_table_dropdop_checkbox" value="2" name="cb_months_dd_check_table_active" type="checkbox">
                    <span>Februar</span>
                </li>
                <li class="table_active_kz">
                    <input class="cb_months_dd_check_table_active ibfc_table_dropdop_checkbox" value="3" name="cb_months_dd_check_table_active" type="checkbox">
                    <span>März</span>
                </li>
                <!-- ... -->
            </ul>
        </div>
    </div>
</div>
</div>

滤器
月


一月


二月


马尔兹

我创建了一个代码片段，让它更容易工作

//Show on enter
$(document).on("mouseenter", ".MYCLASS", function() {

    $(this).popover({
        container: 'body',
        html: true,
        placement: 'bottom', //top,bottom,left,right
        content: function () {
            return '<b>My content</b>'; //HTML content
        }
    });

    $(this).popover('show');
});

//Remove after leave
$(document).on("mouseleave", ".MYCLASS", function() {

    $(this).popover('destroy');

});

//输入时显示
$（document）.on（“mouseenter”，“.MYCLASS”，function（））{
$（这个）({
容器：'主体'，
是的，
位置：'底部'，//顶部，底部，左侧，右侧
内容：功能（）{
返回“我的内容”；//HTML内容
}
});
$（this.popover（'show'）；
});
//离职
$（document）.on（“mouseleave”，“.MYCLASS”，function（））{
$（this.popover（'destroy'）；
});

---

有了这个，也许你可以玩你的代码。

把你的HTML代码也添加到问题中。对不起，我的错。我已经添加了相关的html代码。