Question

我在图表上添加了一个jquery工具提示，有时它没有显示，我没有任何错误信息。

我有一个<div class="chart" title=""></div>，我的项目会在初始加载时在此标记中加载一个图表。同时，我添加了一个工具提示

$('.chart').tooltip({content:'Loading'})在执行初始图表加载的同一函数中。

在另一个名为updateChart的函数中，我将以下内容添加到此函数中：

$('.chart').tooltip("option","content",'new content')。

这有时候效果不好。几次装载后，工具提示会破坏。当我将鼠标悬停在<div class="chart">标签上时，工具提示不会显示。

我不确定为什么会这样。我在网上搜索，我可以想象的一个可能性是jquery工具提示与bootstrap工具提示冲突，所以它破坏了。然而，这对我来说并不完全合理，因为如果它有冲突，我甚至不应该成功。

另一位客人是在加载几次后，工具提示不再与标签绑定。每次加载图表并在每次创建时为其分配内容时，我都尝试创建一个工具提示。但这也无法解决我的问题。如何检查<div class="chart">是否仍然与开发人员工具中的工具提示绑定？

非常感谢，如果有人能给我一些提示，我真的不知道为什么会发生这种事情，所以有线:(。

Answer 1

我首先在document创建工具提示，然后在选择器加载上修改它。请注意JSON对象表示法以获得正确的语法。

＆＃13;

$(function() {
  $(document).tooltip();
  $('.chart').tooltip({
    content: "This is ToolTip Content"
  });
});

＆＃13;

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<a class="chart" title="">  
    Mouseover HERE!
</a>

＆＃13;

更改内容几次后，jquery工具提示不会显示（鼠标悬停时）

1 个答案: