Question

当我拖动包含工具提示的div时，我想更改工具提示的内容。我想使用div的拖动事件在工具提示中显示ui.position.top。这可能吗？我知道关于工具提示内容的jQuery UI API docs说：

更改此选项时，您可能还需要更改项目选项。

但我无法弄清楚如何正确地做到这一点。

这就是我所拥有的：

HTML

<div id="box" title="original">drag me</div>

JS

$("#box").tooltip({
    track: true
});
$("#box").draggable({
    drag: function(event,ui){
        $(this).tooltip("option", "content", ui.position.top);
    }
});

http://jsfiddle.net/E9vf3/8/

Answer 1

作为detailed in the API，您可以在初始化后获取或设置content选项。您对问题的最新修改几乎是正确的，但tooltip期望字符串作为最终值。

$("#box").tooltip({
    track: true
});
$("#box").draggable({
    drag: function(event,ui){
        $(this).tooltip( "option", "content", ""+ui.position.top );
    }
});

http://jsfiddle.net/E9vf3/10/

jQuery UI工具提示 - 动态内容

1 个答案: