时间戳

首页 > 解决方案 > 当我使用 jQuery 附加工具提示元素时，引导工具提示不起作用

javascript - 当我使用 jQuery 附加工具提示元素时，引导工具提示不起作用

问题描述

你们好吗，我有一个问题，如果有人可以帮助我，我将不胜感激。

目前我正在使用一些引导功能，例如下面的这段代码。我正在使用引导程序版本 3

<div class="col-lg-12 col-md-12 col-xs-12  div_challenger" style="background-color: #somecolor; color:someTextColor;"
    data-toggle="tooltip" data-placement="right" title="some text here!!!">
    <span class="some icon"></span>
    <b>some title</b>
    <input type="hidden" value="somevalue" name="inputChallengerSelected">
</div>

此代码在 html 文件中运行良好。但是当我使用 Jquery 附加元素时，它的工作方式不同

使用 jquery append 的代码。

<button id="someid" onclick="addElement()"> ADD element </button>
<div id="addhere"> </div>

脚本标签

<script>
function addElement(){
   let ElementToAdd = `    <div class="col-lg-12 col-md-12 col-xs-12  div_challenger" style="background-color: #somecolor; color:someTextColor;"
    data-toggle="tooltip" data-placement="right" title="some text here!!!">
    <span class="some icon"></span>
    <b>some title</b>
    <input type="hidden" value="somevalue" name="inputChallengerSelected">
</div>`
 $('#addhere').append(ElementToAdd)
}

如果有人告诉我为什么会发生这种情况，我将不胜感激

标签： javascriptjqueryhtmltwitter-bootstrap-3

解决方案

一个简单的答案是 Bootstrap = CSS + JS。尝试隐藏元素 onload 以及何时需要显示。

推荐阅读