我有一行buttons
和每一个click
我想用来自ajax
呼叫的数据填充弹出框。
我做了什么
$(document).on('click','.foo', function (event){
$(this).popover({
html: true,
trigger: 'manual',
title:'Foo Title',
placement: 'bottom',
content: ''
}).popover('toggle');
event.preventDefault();
var id = $(this).attr('id').substring(21);
getResults(id);
});
现在我可以切换弹出框并运行为我带来所需数据的功能。
$.ajax({
url: url,
type: "get",
success: function (response) {
var $data = $(response);
console.log($data);
var data = $data;
var popover = $('#foo' + id).attr('data-content',data).data('bs.popover');
popover.setContent();
popover.$tip.addClass(popover.options.placement);
},
error: function () {
console.log("fail");
}
});
弹出窗口正确打开,并且正确附加了 ajax 数据。但问题是弹出窗口保持打开状态,我无法再关闭它。