如何在Bootstrap 4 popover事件中获取数据属性

Question

我有这种情况。

打开popover按钮：

<a href="#" id="popover" data-plan-type="2" data-toggle="popover" data-html="true" data-placement="bottom">
<i class="fal fa-plus-circle"></i></a>

弹出设置：

let orderPlanPopoverSettings = {

        html: true,
        selector: 'a#order-plan-popover',
        content: function () {

            return $('#popover_content_wrapper').html();

        }

    };

酥料饼：

$('body').popover(orderPlanPopoverSettings).on('show.bs.popover', function(e) {

   //GET POPOVER BUTTON data-plan-type

});

我需要进入 show.bs.popover 按钮数据属性 data-plan-type

Answer 1

事件目标（e.target）是触发弹出窗口的元素。然后使用jQuery data()作为“plan-type”值..

$('body').popover(orderPlanPopoverSettings).on('show.bs.popover', function(e) {

   //GET POPOVER BUTTON data-plan-type
   var planType = $(e.target).data("plan-type");
   console.log(planType);

});

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