更改引导弹出框的属性

changing properties of bootstrap popover

本文关键字：属性      更新时间：2023-09-26

我有一个文本字段和按钮，我正在显示弹出框（从引导）。

我的代码如下

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

用户单击按钮后，弹出框显示在文本字段上。

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

我的 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" />

我还想更改弹出框的颜色。

我已经尝试过了，但它甚至没有显示弹出框

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

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

Bootstrap 文档说：

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

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

所以改变你的 

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

跟

$('#s1').popover({
      data-placement: 'right'
   }).show();
相关文章：