开发者社区> 问答> 正文

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

<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>

展开
收起
kun坤 2020-06-07 10:32:25 645 0
1 条回答
写回答
取消 提交回答
  • <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>

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

    ######实在太感谢了,之前写过初始化元素估计是代码写错了没成功
    2020-06-07 10:32:34
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
穆客带你快速定位 Node.js 内存泄露 立即下载
穆客带你快速定位Node.js内存泄露 立即下载
低代码开发师(初级)实战教程 立即下载