gpt4 book ai didi

javascript - Foundation Zurb 无法更改工具提示文本

转载 作者:太空狗 更新时间:2023-10-29 12:26:01 26 4
gpt4 key购买 nike

在设置工具提示文本后,我在运行时更改工具提示文本时遇到问题。请参阅下文了解更多信息。

请问我是否可以使用正确的代码来更改工具提示文本或解决以下问题?

例如,我创建了一个空白的 html 页面,其中包含一个标签和 2 个按钮:

<body>

<div class="row" style='padding-top:20px;'>
<div class="large-12 columns">
<label id='labelID'> my Tooltip label</label>

<input type='button' class='button' id='addFirstTooltip' value='Add First Tooltip'/>
<input type='button' class='button' id='changeTooltip' disabled value='Change Tooltip'/>
</div>
</div>

<script>
$(document).ready(function()
{
$(document).on('click', '[id^=addFirstTooltip]', function()
{
$('#labelID').attr('data-tooltip', '');
$('#labelID').attr('title', 'My First tooltip text. This displays correctly.');

$('#changeTooltip').removeAttr('disabled');
});
$(document).on('click', '[id^=changeTooltip]', function()
{
$('#labelID').attr('title', 'Now ive changed the tooltip text. Not displaying correctly.');
});
});
</script>
</body>

好的,所以单击第一个按钮“addFirstTooltip”会正确添加基础工具提示。完全没有问题。但是一旦您更改工具提示文本(“changeTooltip”按钮),它基本上会使用新文本创建一个附加的 html 工具提示,并且不会更改原始基础工具提示文本。

有人对此有解决方案吗?

最佳答案

经过反复试验并查看代码...我想通了!

Foundation.libs.tooltips.getTip($('#labelID')).remove();

在删除属性标题后调用该代码,然后调用 afftr('title', 'new tooltip text')!和繁荣!它有效!

关于javascript - Foundation Zurb 无法更改工具提示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21252412/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com