我有以下代码打开工具提示:
的javascript:
read
HTML:
0
小提琴: https://jsfiddle.net/e1wxzhg7/
目前只有在点击$(window).ready(function () {
$('.tooltips').bind("mouseleave", function (event) {
event.stopImmediatePropagation();
}).tooltip({
tooltipClass: "tooltip",
position: {
my: "center bottom-20",
at: "center top",
using: function (position, feedback) {
$(this).css(position);
$("<div>")
.addClass("arrow")
.addClass(feedback.vertical)
.addClass(feedback.horizontal)
.appendTo(this);
}
},
content: function () {
return $(this).prop('title');
}
});
$(document).on('click', 'span.close', function () {
$(this).closest('.tooltip').hide();
});
});
&#34;按钮&#34;时才会关闭。重新悬停工具提示触发器时没有任何反应。我认为这是因为<p>Testing hover <a href="#" class="tooltips" title="<h4>TITLE<span class='close'>X</span></h4><p><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>">tooltip</a></p>
功能。
关闭后如何重新激活/重新启动工具提示?
答案 0 :(得分:2)
问题是因为您使用display: none
的CSS属性隐藏了生成的工具提示HTML,因为您在其上调用了hide()
。这意味着它会再次被调用,但它是不可见的。相反,您应该使用工具提示库的内置close
选项。试试这个:
$(document).on('click', 'span.close', function () {
$('.tooltips').tooltip('close');
});