将Jquery标题属性用于工具提示后,该属性不可用

时间:2014-08-13 05:50:37

标签: jquery tooltip jquery-tooltip jquery-ui-tooltip

我有一个用于更新笔记的按钮。如果用户将鼠标悬停在按钮上,他们将看到该标题的文本,该文本存储在标题中。如果他们点击按钮,我想打开一个用户可以更新笔记的表单。

问题是,一旦按钮标题用于工具提示,我就无法再访问title属性以便将其发送到表单。

以下是简化版。当用户点击按钮时,div ="输出"应该更改为'按钮标题是"我的按钮"'。所说的是'按钮标题是""'。

<script>
    $(document).tooltip();

    $(".button-class").click(function() {
        var t = $(this).attr("title");
        $("#output").html('button title is "' + t +'"');
    });    
</script>

<button class="button-class" title="my button">click me</button>
<div id="output"></div>

jsfiddle在这里: http://jsfiddle.net/f844a63f/

如果我不打电话给$(document).tooltip(),它就可以了。

有什么想法吗?我正在使用最新的jquery。

1 个答案:

答案 0 :(得分:2)

试试这个: -

$(".button-class").click(function() {
   var t = $(this).attr("aria-describedby");    
   var text=$('#'+t).text();
   $("#output").html('button title is "' + text +'"');
});    

Demo