Javascript 通过单击替换工具提示（引导）文本

我试图在单击实际按钮时更改引导工具提示按钮的文本，然后在鼠标不在按钮上方后动态返回工具提示的默认文本。我在jquery代码方面有问题。请有人给我解释一下这些事情是如何进行的。我的想法是先检查按钮是否被单击，然后检查是否显示（更改默认工具提示消息），然后当鼠标不再位于按钮上方或按钮未被单击时显示工具提示消息的内容，但我无法将这些内容放在我的脑中，了解它的结构。 任何建议都是非常受欢迎的

这是我到目前为止的代码

$（函数（）{
var$toolTip=$（“#工具提示示例”）；
$toolTip.toolTip（）；
$toolTip.单击（函数（）{
$myToolTip.attr（'title'，'newhelloworld Message'）。tooltip（'fixttitle'）。tooltip（'show'）；
});
});

点击我
试试下面的方法

我在您的示例中看到的唯一问题是未定义$myToolTip，您的意思一定是$toolTip

代码片段中的另一个问题是按钮在屏幕顶部的位置，这导致工具提示无法正确显示，我将工具提示方向更改为底部以修复它


$（函数（）{
var$toolTip=$（“#工具提示示例”）；
var originalttle=$toolTip.attr（'title'）；
$toolTip.toolTip（{placement:“bottom”}）；
$toolTip.单击（函数（）{
$toolTip.attr（'title'，'newhelloworld Message'）。toolTip（'fixttitle'）。toolTip（'show'）；
});
$（document）.on（“mouseout”，工具提示示例），function（）
{
$toolTip.attr（'title'，originaltile.）.toolTip（'fixtile'）.toolTip（'show'）；
});
});

单击我
试试下面的方法

我在您的示例中看到的唯一问题是未定义$myToolTip，您的意思一定是$toolTip

代码片段中的另一个问题是按钮在屏幕顶部的位置，这导致工具提示无法正确显示，我将工具提示方向更改为底部以修复它


$（函数（）{
var$toolTip=$（“#工具提示示例”）；
var originalttle=$toolTip.attr（'title'）；
$toolTip.toolTip（{placement:“bottom”}）；
$toolTip.单击（函数（）{
$toolTip.attr（'title'，'newhelloworld Message'）。toolTip（'fixttitle'）。toolTip（'show'）；
});
$（document）.on（“mouseout”，工具提示示例），function（）
{
$toolTip.attr（'title'，originaltile.）.toolTip（'fixtile'）.toolTip（'show'）；
});
});

单击我
是的，谢谢您指出，但是如果我想在按钮不再单击后打开默认文本，该怎么办？@noone432423不再单击？你的意思是不再集中，因为点击是一个事件，一旦生成就无法撤消。不，我解释错了。实际上，当单击按钮时-文本发生更改，然后当鼠标不再位于按钮上方或用户在按钮外部单击时，我希望返回默认文本，然后当用户再次单击它时-发生相同的过程。@noone432423更新了所需行为的解决方案。希望这有帮助。是的，谢谢你指出，但是如果我想在按钮不再点击后打开默认文本怎么办？@noone432423不再点击？你的意思是不再集中，因为点击是一个事件，一旦生成就无法撤消。不，我解释错了。实际上，当单击按钮时-文本发生更改，然后当鼠标不再位于按钮上方或用户在按钮外部单击时，我希望返回默认文本，然后当用户再次单击它时-发生相同的过程。@noone432423更新了所需行为的解决方案。希望这有帮助。