Jquery-ui Tooltip不能使用HTM Button？

Jquery-ui工具提示函數看起來不像按鈕那樣工作。使用jquery-ui版本1.9.2和jquery版本1.8.3。Jquery-ui Tooltip不能使用HTM Button？

我爲我的問題創建了jsfiddle，它似乎根本不起作用。我完全沉迷於此。下面是我的javascript：

$(document).ready(function() { 
    $('#myBtn').tooltip({ 
     position: { 
      my: "left top", 
      at: "bottom" 
     }, 
     content: function() { 
      return "This tooltip is a function return value with <b>HTML content</b>"; 
     } 
    }); 
});

而這裏的HTML：

<body> 
    <form> 
     <button id="myBtn" class="text">My button</button> 
    </form> 
</body>

來源

2013-10-24 tark

哦，現在我明白了。元素需要title屬性才能工作。現在看起來很清楚，但我認爲我應該至少回答我自己的問題。這裏是[更正的小提琴]（http://jsfiddle.net/CEaqw/1/）。請注意HTML中的title =「x」'屬性。 – tark

Tooltips可以連接到任何元素。當您使用鼠標懸停元素時，標題屬性會顯示在元素旁邊的一個小框中，就像本機工具提示一樣。

但是，因爲它不是原生的工具提示，所以它可以被設計。任何使用ThemeRoller構建的主題也會相應地設置工具提示。

因此，要解決您的問題，您可以設置像一個空的title屬性：

<body> 
    <form> 
     <button id="myBtn" title="" class="text">My button</button> 
    </form> 
</body>

演示：http://jsfiddle.net/VSEQP/

來源

2013-10-24 19:14:39

如果您不想將標題添加到HTML中，也可以使用jQuery'$（'selector'）。attr（'title'，''）;' – Liam

Jquery-ui Tooltip不能使用HTM Button？

回答

相關問題