当前位置: 代码迷 >> 综合 >> js动态生成html中的data-toggle=tooltip无效
  详细解决方案

js动态生成html中的data-toggle=tooltip无效

热度:73   发布时间:2023-11-19 16:40:04.0

类似于:

let liElement = $(`<span data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="<div>显示样式<br />高度:10cm<br />宽度:2cm</div>" class="exam-state icon-circle-empty">状态:完成</span>'`);

或者

let htmlStr='<span data-toggle="tooltip" data-placement="top" data-html="true" data-original-title="<div>显示样式<br />高度:10cm<br />宽度:2cm</div>" class="exam-state icon-circle-empty">状态:完成</span>'

$("#id").html(htmlStr);

的时候 ,data-toggle="tooltip"并不生效;

解决方法:

在后面添加:$('[data-toggle="tooltip"]').tooltip(); 即可生效

 

  相关解决方案