Question

我有一个显示包含源参考的网页的应用程序，当用户将鼠标悬停在源参考上方时，会出现带有额外信息的工具提示。如果与服务器的通信成功，我想动态地将工具提示文本更改为responseText（请参阅下面的方法） - 但我不知道如何。（我已经确保respomseText包含正确的数据）生成工具提示，它的数据由此jQuery代码发送：

$(document).ready(function() {
    $('table a').on('mouseenter._do_submit', _do_submit);
    $('table a').tooltip({ 
        tooltipClass: "coolToolTip",
         content: function() {
            var element = $( this );
            return '<p class=toolTipP>' +element.text(); + '</p>';
            }
    });

    $('table').bind('mouseleave._remove_icon', _remove_icon);

    function _remove_icon(event) {  $(event.target).find('img').remove();   }


    function _do_submit(event)  {
        $event_origin   = $(event.target); 

        $event_origin.find('img').remove();
        ajax_sender( $event_origin );
    }

    function ajax_sender(event_origin_obj) {
            $('<img src="./js/ajax_ani.gif" />').appendTo(event_origin_obj);        
            url= 'http://localhost:8080/zoharTranslator/ReadZohar';

            var xhr = $.ajax({
                    type: 'GET', 
                    url: url, 
                    data: 'command=source&src=' +  event_origin_obj.text(), 
                    beforeSend: beforeSending,
                    success: on_success, 
                    error: log_error_message
                });

            function on_success(data) {
                event_origin_obj.find('img').remove();
                $(document).removeAttr("title");
                event_origin_obj.attr( "title", data);
                console.log(xhr);
            }

            function log_error_message(xhr) {
            ...
            }

            function beforeSending(xhr) {
            ...
            }
    }
});

Answer 1

您可以随时使用它的设置器更改工具提示创建后的内容......

$( ".selector" ).tooltip( "option", "content", "Awesome title!" );

- 2ND UPDATE - 好的，我想出了如何将jQuery UI添加到jsFiddle。这就是我解决问题的方法：http://jsfiddle.net/spZ69/3/ 显然，ajax调用不起作用，只需将url ajax/test.html替换为返回文本的url，它将替换工具提示的文本。

如何更改jquery创建工具提示的文本？

1 个答案: