bootstrap popover自定义为 轻量级dialog

效果图：

javascript:

$('.popover-user').popover({

html: true,

placement: 'top',

template: `<div class="popover" role="tooltip">

<div class="arrow"></div>

<h3 class="popover-header"></h3>

<div class="popover-body-user">

<p class="popover-body"></p>

<div class="alert-btn">

<a class="btn btn-white">取消</a>

<a class="btn btn-primary btn-right-user" href="javascript: void(0);" onclick="popoverConfirm($(this));">确定</a>

</div>

</div>

</div>`,

trigger: 'click',

})

html:

<button data-content="<span data-func='test(false)'>确定要提交审核吗？</span>"> POPOVER </button>

回调分发：

/**

* 自定义轻量级dialog 确定按钮 分发操作

* 使用方法：元素需要 在data-content中的span 中的data-func定义分发的方法名

* 例如：data-content="<span data-func='test(false)'>确定要提交审核吗？</span>"

*/

function popoverConfirm(that){

let func = that.parent('.alert-btn').prev().children('span').data('func')

a[func]

}

let a = {

 test: function test(){}

}