bootstrap的tips如果是动态创建的元素会无效怎么办?

发布于 2021-12-02 14:47:40 字数 403 浏览 825 评论 2

<body>

<button class="btn">创建</button>
<button data-toggle="tooltip" title="我是默认的Tooltip可以">默认</button>

<script>
    $('.btn').click(function () {
        $('body').append('<button data-toggle="tooltip" title="我是动态的Tooltip不可以">动态</button>')
    })
    $(function () { $("[data-toggle='tooltip']").tooltip(); });

</script>
</body>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

你曾走过我的故事 2021-12-06 03:10:24

实在太感谢了,之前写过初始化元素估计是代码写错了没成功

冬天旳寂寞 2021-12-05 05:19:19
<body>

<button class="btn">创建</button>
<button data-toggle="tooltip" title="我是默认的Tooltip可以">默认</button>

<script>
    var i = 0;
    $('.btn').click(function () {
        var id = 'tooltip_dyn_' + (i++);
        $('<button data-toggle="tooltip" title="我是动态的Tooltip">动态</button>')
            .attr('id', id)
            .appendTo($('body'));
        $('#' + id).tooltip();
    })

</script>
</body>

动态的东西,需要手动调用初始化。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文