当我决定将单选按钮放在bootstrap popovers上时,我遇到了这个问题。在我的html中,将显示4个按钮,每个按钮都有自己的选项列表,其中包含单选按钮。因此,当我点击其中一个按钮时,弹出窗口将显示,然后我点击弹出窗口上的一个单选按钮,弹出窗口关闭后,当我再次尝试查看弹出窗口时,我选择的单选按钮现在不会被检查。为什么会这样?我的代码如下:
jQuery('.btn-finishing-types').each(function(){
var $this = jQuery(this);
$this.popover({
container: "#setup-form",
placement: "right",
content: $this.parent().find('.list-container-wrapper').html(),
html: true
}).on('show.bs.popover', function(){
jQuery('.btn-finishing-types').popover('hide');
});
});