jquery工具提示无法正常工作 - 指定的项目和内容

时间:2016-01-04 21:31:03

标签: javascript jquery

我花在这上面的时间是疯狂的。我在页面上有一个id为invite-count的元素。这个元素在dom之后肯定会被调用。有人能让我摆脱困境吗?

$("#invited-count").tooltip({
    items: "#invited-count",
    content: "Hello World",
    track: true
}).tooltip("open");

提前致谢。

2 个答案:

答案 0 :(得分:0)

为您的div添加标题属性<div id="invited-count" title="Hello World">Ok bb</div>,并使用js执行此操作$("#invited-count").tooltip(); 在这里工作:

<html lang="en">
<head>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  
</head>
<body> 
 <div id="invited-count" title="Hello World">Hello Tooltip</div>
</body>
  <script>
  $(function() {
    $( "#invited-count" ).tooltip({track: true});
  });
  </script>
</html>

答案 1 :(得分:0)

好的,谢谢John的回答。我无法完全使用它,因为我需要动态设置工具提示内容。那说我使用了一种非常类似的方法:

$("#invited-count").attr("title", firstRowData.TOOLTIP_INVITED).tooltip();

而有趣的是以下声明:

$("#invited-count").attr("title", firstRowData.TOOLTIP_INVITED).tooltip({
                        items: "#invited-count", content: "Hello World", track: true
                    });

生成工具提示,其值为firstRowData.TOOLTIP_INVITED而非"Hello World" ...