gpt4 book ai didi

material-design - 使用 materialize 时如何动态更新工具提示

转载 作者:行者123 更新时间:2023-12-04 17:08:15 26 4
gpt4 key购买 nike

我在我的应用程序脚本插件中使用 materializecss,当我尝试动态添加工具提示时,提示不会使用新标签更新。我尝试了几种变体,甚至仔细检查了小费是否正在改变,确实如此。问题是它似乎没有用更新的文本重新初始化。
这是一个 jfiddle:https://jsfiddle.net/edlisten/grafo4su/1/

<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>

<script>
$(function() {
$('.tooltipped').tooltip({delay: 50,tooltip:"new",position:"bottom"});
});
</script>
</head>
<body>

<div class="container">
<a class="btn tooltipped">Hover me!</a>
</div>
</body>
</html>

最佳答案

您可以做的是为 anchor 设置一个 id。
让我们说 <a class="btn tooltipped" id="tooltip">Hover me!</a>
现在我们可以使用 jquery 轻松找到元素。

var anchorElement = $('#tooltip');

Materialise 有一个属性 data-tooltip您需要在元素上使用,以便工具提示弹出。
anchorElement.attr('data-tooltip', 'New tooltip value');

最后我们需要在元素上初始化 materialize 工具提示
anchorElement.tooltip();

您可以使用它并将其放入函数中。

关于material-design - 使用 materialize 时如何动态更新工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35681723/

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