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

Question

我有这种情况。

打开弹出按钮：

<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

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

How to get data attributes in Bootstrap 4 popover event

javascript

jquery

twitter-bootstrap

bootstrap-4

popover