jQuery Change Tooltip data-cache-title

时间:2017-02-22 14:52:34

标签: jquery

我在元素上使用工具提示以我想要的方式显示标题。

<span id="backup_marker" class="fa-lock" title="Original Title" data-uk-tooltip=""></span>

如果我在点击之前悬停元素,则firebug中的输出如下。

<span id="backup_marker" class="fa-lock" title="" data-uk-tooltip="" data-cached-title="Original Title"></span>

以下代码将更改标题,但如果我在触发点击之前悬停元素,则不会更新数据缓存标题,因此它仍会显示&#34;原始标题&#34;。< / p>

$(document).ready(function() {
    $('#download_backup').click(function() {
        $('#backup_marker').prop('title', 'New Title');
        //or
        $('#backup_marker').attr('title', 'New Title');
    });
});

在数据缓存标题中缓存后,有没有办法更改可显示的工具提示标题?

更新 我试过以下没有运气

$('#backup_marker').attr('data-cached-title', 'New Title');
$('#backup_marker').data('cached-title', 'New Title');
$('#backup_marker').data('cached-title') === 'New Title';

1 个答案:

答案 0 :(得分:0)

jQuery()。attr方法应该可以工作:

$('#backup_marker').attr('data-cached-title', 'new value')

或data()方法

$('#backup_marker').data('cached-title', 'new value')