Question

使用下面的html，可以显示一个弹出式html按钮。但是，当向按钮添加类时，弹出按钮将中断并显示在屏幕上。有没有办法将btn之类的类添加到弹出式窗口中的按钮？

  <div class="col-md-2 popscustom"><a href="#x"><img data-toggle="popover" data-html="true" title="Popover title" data-content="
      <div>
         <button>Test</button>
      </div>


$(function () {
  $('[data-toggle="popover"]').popover({ trigger: 'hover', html: 'true', container: 'body'})
})

Answer 1

确保没有将data-html：“ true”作为字符串传递。它必须是布尔值...

$('[data-toggle="popover"]').popover({ trigger: 'hover', html:true})

在弹出窗口内将html内容切换为单引号（'）...

<a href="#x"><img data-toggle="popover" title="Popover title" data-title="foo" data-content="<div><button class='btn btn-danger'>Test</button></div>" src="//placehold.it/200"></a>

演示：https://www.codeply.com/go/EKuiKhFaeP

向Bootstrap弹出内容添加类？

1 个答案: