我希望根据用户的输入生成一个手动工具提示。最简单的方法是隐藏所有工具提示,然后显示相关的工具提示。
我已经将我的代码简化到了最基本的要素,但是我的工具提示在第二次“显示”后不断消失。
我正在使用bootstrap 3.3.4和jquery 2.1.3。
在隐藏后立即显示是否有问题,或者我的代码中是否遗漏了什么?
这是一个jsfiddle示例:https://jsfiddle.net/bbrally/4b9g0abh/。
我已经将我的代码简化到了最基本的要素,但是我的工具提示在第二次“显示”后不断消失。
我正在使用bootstrap 3.3.4和jquery 2.1.3。
在隐藏后立即显示是否有问题,或者我的代码中是否遗漏了什么?
<input id="check" type="checkbox">
<script>
var toolTipData = {
placement: 'right',
title: 'Checkmark checked',
trigger: "manual"
};
$('#check').tooltip(toolTipData);
$(document).on('change', '#check', function () {
$('#check').tooltip("hide");
if (document.getElementById("check").checked) {
$('#check').tooltip("show");
}
});
</script>
这是一个jsfiddle示例:https://jsfiddle.net/bbrally/4b9g0abh/。