Jquery 禁用和启用工具提示不起作用
我正在尝试使用jquery关闭和打开切换上的引导工具提示。但它似乎工作不正常。我注意到,一旦关闭引导工具提示,就不会再次将工具提示返回到打开状态。 如何重新启用工具提示?谢谢你的帮助Jquery 禁用和启用工具提示不起作用,jquery,Jquery,我正在尝试使用jquery关闭和打开切换上的引导工具提示。但它似乎工作不正常。我注意到,一旦关闭引导工具提示,就不会再次将工具提示返回到打开状态。 如何重新启用工具提示?谢谢你的帮助 .fa-3x { background-color: yellow; } .fa-lg { background-color: blue; } .toggle-button-on { color: green; } .toggle-button-off { color: red; } $(
.fa-3x {
background-color: yellow;
}
.fa-lg {
background-color: blue;
}
.toggle-button-on {
color: green;
}
.toggle-button-off {
color: red;
}
$(文档).ready(函数(){
$(“ul.nav li”)。单击(函数(){
$(this).toggleClass(“打开切换按钮”).find(.fa-3x”).removeClass(“fa-3x”).addClass(“fa-lg”).css(“边框”,“3px实心红色”);
});
$(“.nav”).on(“单击“,”.toggle按钮打开”,函数(){
$(“.toggle button on”).toggleClass(“toggle button on toggle button off”);
美元(“.nav.fa-3x”).toggleClass(“fa-3x-fa-lg”);
$('[data toggle=“tooltip”]')。tooltip();
});
$(“.nav”)。打开(“单击”,关闭“.toggle按钮”,函数(){
$(“.toggle button off”).toggleClass(“toggle button off toggle button on”);
美元(“.nav.fa lg”).toggleClass(“fa lg fa-3x”);
$('[data toggle=“tooltip”]')。工具提示('disable');
//$('[rel=tooltip]')。工具提示('disable')//隐藏和销毁工具提示
});
});代码>
-
切换
-
fa
家
-
fa
工作
-
fa
场景
音乐
-
fa
常见问题
检查toggleClass的文档
<div class="tumble">Some text.</div>
一些文本。
将.toggleClass(“反弹旋转”)
应用于同一
会在
和
所以只使用一个$(“.toggle button off”).toggleClass(“toggle button on”)代码>和$(“.toggle button on”).toggleClass(“toggle button off”)代码>
然后它就可以工作了。看起来您正在尝试重新初始化禁用的工具提示。这不起作用,因为工具提示已初始化。您需要启用它:
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="tooltip"]').tooltip('enable');
或者,不使用以下命令禁用工具提示:
$('[data-toggle="tooltip"]').tooltip('disable');
相反,您可以销毁工具提示,然后像最初尝试的那样重新初始化它:
$('[data-toggle="tooltip"]').tooltip('destroy');
更新示例:
$(文档).ready(函数(){
$(“ul.nav li”)。单击(函数(){
$(this).toggleClass(“打开切换按钮”).find(.fa-3x”).removeClass(“fa-3x”).addClass(“fa-lg”).css(“边框”,“3px实心红色”);
});
$(“.nav”).on(“单击“,”.toggle按钮打开”,函数(){
$(“.toggle button on”).toggleClass(“toggle button on toggle button off”);
美元(“.nav.fa-3x”).toggleClass(“fa-3x-fa-lg”);
$('[data toggle=“tooltip”]')。tooltip();
});
$(“.nav”)。打开(“单击”,关闭“.toggle按钮”,函数(){
$(“.toggle button off”).toggleClass(“toggle button off toggle button on”);
美元(“.nav.fa lg”).toggleClass(“fa lg fa-3x”);
$('[data toggle=“tooltip”]')。工具提示('destroy');
});
});代码>
-
切换
-
fa
家
-
fa
工作
-
fa
场景
音乐
-
fa
常见问题
您需要在事件处理程序上的切换按钮中启用它:
$('[data-toggle="tooltip"]').tooltip('enable');
请参见切换按钮关闭事件中的您正在使用$('[data toggle=“tooltip”]')禁用工具提示。工具提示('disable')代码>
然后在事件的切换按钮中,只需使用$('[data toggle=“tooltip”]')启用它即可代码>
否则,您的代码似乎工作正常。
这是正在运行的我尝试了你的建议,但似乎不起作用。有可能显示一个工作示例吗?这确实是令人困惑的代码,您应该尝试隔离问题。
$('[data-toggle="tooltip"]').tooltip('enable');