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; } $(

我正在尝试使用jquery关闭和打开切换上的引导工具提示。但它似乎工作不正常。我注意到,一旦关闭引导工具提示,就不会再次将工具提示返回到打开状态。 如何重新启用工具提示?谢谢你的帮助

 .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');