內容文本

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/」