首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Bootstrap 4 popover事件中获取数据属性

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

Stack Overflow用户
提问于 2018-02-21 14:39:34
回答 1查看 1.8K关注 0票数 2

我有这种情况。

打开弹出按钮:

代码语言:javascript
运行
复制
<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>

弹出设置:

代码语言:javascript
运行
复制
let orderPlanPopoverSettings = {

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

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

        }

    };

波波弗:

代码语言:javascript
运行
复制
$('body').popover(orderPlanPopoverSettings).on('show.bs.popover', function(e) {

   //GET POPOVER BUTTON data-plan-type

});

我需要进入show.bs.popover按钮数据属性数据-计划类型

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-21 14:46:22

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

代码语言:javascript
运行
复制
$('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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48908628

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档