Bootstrap Popover不应该每次都被破坏

Question

我在弹出窗口中有两个输入(复选框)。问题是，我无法从它们中获取数据，因为当我单击一个按钮时，弹出窗口会在DOM中出现，当我再次单击它时，它会被删除。

所以你可以说，一般来说，我想在弹出窗口中实现两个输入，点击按钮就会显示出来。输入的数据(选中或未选中)应在AngularJS或jQuery中处理。

我在我的项目中使用了bootstrap、jQuery和AngularJS。

我会感谢你的每一个回答。

Answer 1

您是否尝试使用popover事件来触发您的函数，以便从复选框中获取数据。我已经制作了一个示例，并将其发布到jsfiddle上，我不确定这是否是您想要的

http://jsfiddle.net/rtn5y6qf/2/

html

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class='checkbox-div'><input type='checkbox' name='vehicle' value='Bike'>I have a bike<br><input type='checkbox' name='vehicle' value='Car'>I have a car</div>">Popover on Right</button>

javascript

$(document).ready(function () {
  $('button').popover({
    html: true
  });
});

$(document).on('shown.bs.popover', 'button', function (t, v) {
  $('.checkbox-div').find('input').each(function () {
    alert($(this).val());
  });
});