javascript - 我需要在我的模式中使用 bootstrap 3.0.2 弹出窗口

Question

你好，我的问题是当切换时应该在模型中的弹出窗口，而是指向左上角模态后面的主体，而不是在模态中显示。

这是我的索引代码:

<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 )

Answer 1

谢谢大家，我自己修复了它，解决方案是我将脚本更改为

$(function () {
$('.openModal').on('click', function (e) {
$('#editLockerModal')
    .modal({
    backdrop 'static',
    keyboard false
});

$('#example').popover();
});
var lockerLoanViewModel = new LockerLoanViewModel();
ko.applyBindings(lockerLoanViewModel);
lockerLoanViewModel.initializeViewModel();
});