内容文本

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

如何显示 “真棒称号！”当鼠标悬停在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

只需设置title属性与你所需要的不是content：

JsFiddle

两次覆盖内容：

首播时间：

content: "Awesome title!", 

二时间：

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

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

Answer 4

由于您使用的是.outer的property title，你需要指定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/”