如何解决引导工具提示隐藏在悬停时
我有一个输入文本标签和一个文本区域,更改输入并单击文本区域时会显示工具提示。但是默认情况下,悬停在输入文本标签上时,不应显示工具提示。我在工具提示上添加了一个隐藏项,但仍然无法正常工作
$( "#sub-proj" ).change(function() {
$("#description").click(function(){
$('#sub-proj').tooltip('show');
})
})
$( "#sub-proj" ).hover(function(){
$(this).tooltip('hide');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<input type="text" id="sub-proj" placeholder="Project Name" maxlength="50" required="required" data-toggle="tooltip" data-placement="top" title="name already exist" data-trigger="manual"/><br/>
<textarea rows="4" cols="45" id="description" placeholder="Description"></textarea>
解决方法
您可以简单地将title
属性替换为data-title
$( "#sub-proj" ).change(function() {
$("#description").click(function(){
$('#sub-proj').tooltip('show');
})
})
$( "#sub-proj" ).hover(function(){
$(this).tooltip('hide');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<input type="text" id="sub-proj" placeholder="Project Name" maxlength="50" required="required" data-toggle="tooltip" data-placement="top" data-title="name already exist" data-trigger="manual"/><br/>
<textarea rows="4" cols="45" id="description" placeholder="Description"></textarea>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。