Question

我正在尝试通过jquery显示文本

$(function () {
  $(".outer").tooltip({
      content: "Awesome title!",
      position: { my: "left+15 center", at: "right center" },
      content: function () {
          return $(this).prop('title');
      }
  });
});

HTML

<p class="outer">
    <label for="age">Your age:</label>
    <input id="age"
    title="<label id='idhere'></label>"/>
</p>

JSFIDDLE

如何展示＆＃34;很棒的标题！＆＃34;什么时候鼠标悬停在jquery上？

Answer 1

您需要将"Awesome title!"提供给输入的标题。这里有更新的小提琴：https://jsfiddle.net/Lqsb6adp/1/

Answer 2

我更新了你的小提琴手：

https://jsfiddle.net/Lqsb6adp/2/

$(function () {
  $(".outer").tooltip({
      content: "Awesome title!",
      position: { my: "left+15 center", at: "right center" },
  });
});

Answer 3

只需使用您需要的content：

设置title属性

JsFiddle

您要覆盖内容两次：

第一次：

 content: "Awesome title!",

第二次：

content: function () {
          return $(this).prop('title');
      }

只需使用第二次并将title属性设置为小提琴链接。或者你可以在没有title属性的情况下第一次使用....但是只有其中一个不是两个。

Answer 4

由于您使用property title .outer，因此您需要将title="Awesome title!"指定为div .outer。所以更新的HTML变为：

<p class="outer" title="Awesome title!">
    <label for="age">Your age:</label>
    <input id="age"
    />

</p>

请参阅小提琴：“http://jsfiddle.net/Lqsb6adp/6/”

工具提示jquery中的内容文本

4 个答案: