javascript - 从弹出窗口内容 Bootstrap ajax 调用

Question

我必须从#id 中的内容调用ajax 或任何类型的post 请求。#id 隐藏如下:

<div id="mycontents" style="display: none;">
    <div class="btn-group" role="group">
        <button type="button" class="btn btn-danger btn-sm" id="click_id">Click</button>
    </div>
</div>

如何从此 #mycontents 触发 ajax 调用？

$('#id').popover({
    trigger : 'hover',
    delay : {
        show : 1,
        hide : 10000
    },
    html : true,
    content : function() {
        return $('#mycontents').html();
    }
})

问题是某些浏览器忽略 display: none 元素，因此我无法从中触发任何事件。

例如，当我点击按钮时，我想触发这个:

$('#click_id').click(function(e) {
    $.ajax({
        type: "GET",
        url: "/click_id",
        async: true,
        dataType: "html",
        success: function(data) {
            // Do stuff
        }
    });
});

谢谢!

Answer 1

试试这个:

$('#id').popover({
    trigger : 'hover',
    delay : {
        show : 1,
        hide : 10000
    },
    html : true,
    content : function() {
        var myhtml = $('#mycontents').html();
        $('#mycontents', myhtml).removeAttr('style');
        return myhtml
    }
})