Атрибут заголовка Jquery недоступен после его использования для всплывающей подсказки

У меня есть кнопка, которая используется для обновления заметки. Если пользователь наведет курсор на кнопку, он увидит текст заметки, который хранится в заголовке. Если они нажмут на кнопку, я хочу открыть форму, в которой пользователь может обновить заметку.

Проблема в том, что после того, как заголовок кнопки используется для подсказки, я больше не могу получить доступ к атрибуту заголовка, чтобы отправить его в форму.

Ниже представлена ​​упрощенная версия. Когда пользователь нажимает кнопку, элемент div с id="output" должен измениться на "название кнопки - "моя кнопка"". То, что говорит, это «название кнопки «»».

<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.


jquery tooltip jquery-ui-tooltip jquery-tooltip
person user1118374    schedule 13.08.2014    source источник
comment
Когда я отлаживаю страницу jsfiddle, она говорит, что tooltip() не определен. Я не видел ссылки на jquery ui в вашей скрипке.   -  person Mike Cheel    schedule 13.08.2014

Ответы (1)


arrow_upward
2
arrow_downward

попробуй это :-

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

Демо

person Mohit Kumar    schedule 13.08.2014
comment
Кажется, это сработало. Большое спасибо! - person user1118374; 13.08.2014