jQuery UI工具提示不要关闭鼠标输出上的div
jQuery UI工具提示不要关闭鼠标输出上的div
提问于 2017-05-08 20:23:28
问题
当我按下一个ui-helper-hidden-accessible工具提示时，它一直在尝试关闭的一个名为jQuery的元素中创建新的子div，但是有些div被赋予了display: none的样式，而其他的则实际上出现在页面的底部。
- 我目前使用的是jQuery UI的1.12.1
scripts.js
$(document).tooltip({
tooltipClass: "popup",
items: ".fa-question-circle",
position: {
my: "center bottom-15",
at: "center top",
collision: 'none',
close: function(event, ui) {
$(".ui-helper-hidden-accessible").remove();
},
},
hide: false
});index.html
<p class="score__title">Student-teacher ratio <i class="fa fa-question-circle tooltip" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam gravida molestie. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Cras tempor nisi ac ligula molestie commodo. Sed varius magna at justo rutrum, et faucibus sapien cursus." aria-hidden="true"></i></p>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-05-09 17:07:56
我在您的代码中发现了一些语法错误。经过清洗和测试，它似乎是有效的。
示例：https://jsfiddle.net/Twisty/17sj6Lj5/
<h1>
Widget
</h1>
<hr />
<div>
<p class="score__title">Student-teacher ratio <i class="ui-icon ui-icon-help fa fa-question-circle tooltip" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam gravida molestie. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Cras tempor nisi ac ligula molestie commodo. Sed varius magna at justo rutrum, et faucibus sapien cursus."
aria-hidden="true"></i></p>
</div>CSS
.fa-question-circle {
background-color: #000;
border-radius: 50%;
}
.ui-icon {
background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_ffffff_256x240.png)
}JavaScript
$(function() {
$(document).tooltip({
tooltipClass: "popup",
items: ".fa-question-circle",
position: {
my: "center bottom-15",
at: "center top",
collision: "none"
},
close: function(event, ui) {
$(".ui-helper-hidden-accessible").remove();
},
hide: false
});
});您没有正确地关闭position。这意味着close和hide没有被读取。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43856682
复制相关文章
相似问题
腾讯云开发者
