开发者社区> 问答> 正文

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>

展开
收起
montos 2020-05-31 19:22:32 440 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-05-31 19:22:48
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载