Question

我有一个文本字段和按钮，我正在显示popover（来自bootstrap）。

我的代码正在关注

   function a1() {
       $("#s1").popover("show");           
   }

用户点击按钮后，

popover显示在文本字段上。

我需要更改展示位置，目前它显示在右侧。我想在左侧。

我的html正在关注

  <button type="button" class="btn btn-primary" id="s2" onclick="a1()" >Popover</button>
<br />
<br />
<input type="text" id="s1" data-toggle="popover" title="Popover title" data-content="Please enter your name" />

我也想改变popover的颜色。

我试过这个，但它甚至没有显示popover

       $('#s1').popover({
          placement: 'right'
       }).show();



       $('#s1').attr('data-content', 'hello f');
       var popover = $('#s1').data('popover');
       popover.setContent();

Answer 1

Bootstrap documentation说：

“选项可以通过数据属性或JavaScript传递。对于数据属性，将选项名称附加到data-，如data-animation =“。

你错过了“数据”的一部分，这部分文档有点令人困惑，因为你倾向于查看表而不看第一段。

所以改变你的

$('#s1').popover({
      placement: 'right'
   }).show();

与

$('#s1').popover({
      data-placement: 'right'
   }).show();

改变bootstrap popover的属性

1 个答案: