如何在使用bootstrap关闭popover时保留输入中的文本

Question

我目前在我的页面上使用Bootstrap 2实现了一个弹出窗口。弹出框在html中有一个文本输入。我希望在显示/隐藏弹出窗口时保留输入中的文本。我怎么能这样做？

Answer 1

你有没有尝试过：

var temptext;
$('#myPopover').on('hidden.bs.popover', function () {
  temptext = $("#input").val();
})

有用吗？如果没有，：

$( "#input" ).change(function() {
    temptext = $("#input").val();
});

Answer 2

Daniel Cheung的上述答案在你需要维护事件绑定到popover内的元素时不起作用。对我有用的解决方案是简单地确定任何popover的父容器都有一个'popover'类，这意味着我们可以应用我们自己的Jquery逻辑隐藏/显示popover内容。

$（'。popover'）。hide（）//隐藏popover $（'。popover'）。show（）//显示popover

如果你想获得幻想，你应该能够在绑定事件之前初始化每个popover时调整每个pop的id，如果你想同时有多个popoff工作的话;我只是没有这个需要。