javascript - 如何在Bootstrap 4 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

最佳答案

事件目标（e.target）是触发弹出框的元素。然后使用jQuery data()作为“计划类型”值。

$('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

关于javascript - 如何在Bootstrap 4 popover事件中获取数据属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48908628/