开发者社区> 问答> 正文

bootstrap的tips如果是动态创建的元素会无效怎么办?403.10 禁止访问:配置无效 

<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>
<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();
    })

展开
收起
kun坤 2020-05-28 13:26:22 534 0
1 条回答
写回答
取消 提交回答
  • </script> </body> 动态的东西,需要手动调用初始化。######实在太感谢了,之前写过初始化元素估计是代码写错了没成功

    2020-05-28 16:13:19
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载