开发者社区> 问答> 正文

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 537 0
1 条回答
写回答
取消 提交回答
  • </script> </body> 动态的东西,需要手动调用初始化。######实在太感谢了,之前写过初始化元素估计是代码写错了没成功

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

相关电子书

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