我需要在我的模式中使用bootstrap 3.0.2的popover

I need a popover in my modal with bootstrap 3.0.2

本文关键字：bootstrap popover 我的 模式      更新时间：2024-04-12

嗨，我的问题是，当切换时，应该在模型中的popover指向左上角模态后面的主体，而没有显示在模态中。

这是我的索引代码：

<button type="button" id="example" class="btn btn-default" data-container="body" 
data-toggle="popover" data-placement="right" 
data-content="And here's some amazing     content" 
data-original-title="Hej" >
<img/>
</button>

knouckoutbootstrap.js看起来像这样：

$(function () {
$.ajaxSetup({ cache: false });
ko.bindingHandlers.showModal = {
    init: function (element, valueAccessor) {
    },
    update: function (element, valueAccessor) {
        var value = valueAccessor();
        if (ko.utils.unwrapObservable(value)) {
            $(element).removeData("modal").modal();
        }
        else {
            $(element).modal('hide');
        }
    }
};
$('#example').popover();
var lockerLoanViewModel = new LockerLoanViewModel();
ko.applyBindings(lockerLoanViewModel);
lockerLoanViewModel.initializeViewModel();
});

我不知道它是否有用，但这里是样式表：

body {
margin-top: 30px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
}
.gridContainer {
margin-top: 30px;
}
.popover {
z-index: 1060;
position: fixed;
display:inherit;
}

如果你想问我什么，我真的需要帮助。（抱歉英语不好：D）

感谢每一位我自己修复的人，解决方案是我将脚本更改为

$(function () {
$('.openModal').on('click', function (e) {
$('#editLockerModal')
    .modal({
    backdrop 'static',
    keyboard false
});
$('#example').popover();
});
var lockerLoanViewModel = new LockerLoanViewModel();
ko.applyBindings(lockerLoanViewModel);
lockerLoanViewModel.initializeViewModel();
});
相关文章：