工具提示未显示
工具提示未显示
提问于 2014-02-24 09:10:38
我有自己的输入组：
<div class="input-group">
<div class="input-group-addon" data_toggle="tooltip" data_placement="left" data_content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="Contact">
@Html.LabelFor(model => model.EmployeeNo, new { @class = "control-label" })
</div>
<div class="">
@Html.TextBoxFor(model => model.EmployeeNo, new {@class="form-control" })
@Html.ValidationMessageFor(model => model.EmployeeNo)
</div>
</div>以及这个脚本调用的工具提示：
$(document).ready(function () {
$('#Contact').tooltip();
});包括Jquery和引导程序。浏览器控制台没有警告和错误。我做错什么了？
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-02-24 09:14:14
tooltip函数显示已添加到div的title属性中的内容。
因此，您应该将工具提示文本添加到您的div中
<div title="..." class="input-group-addon" data_toggle="tooltip" data_placement="left" data_content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="Contact">
@Html.LabelFor(model => model.EmployeeNo, new { @class = "control-label" })
</div>另一种可能是在创建工具提示时设置工具提示的content属性：
$(document).ready(function () {
$('#Contact').tooltip({ content: "..." });
});Stack Overflow用户
发布于 2014-02-24 09:13:41
我不知道你为什么在这里使用data_content。但是，引导程序需要工具提示的title属性，因此将其添加到div中
<div class="input-group-addon" data_toggle="tooltip" data_placement="left" title="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data_content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="Contact">
@Html.LabelFor(model => model.EmployeeNo, new { @class = "control-label" })
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21983265
复制相关文章
相似问题
腾讯云开发者
