2017-02-22 73 views
0

我在一個元素上使用工具提示以我想要的方式顯示標題。jQuery Change Tooltip data-cache-title

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

如果我把鼠標懸停在點擊之前,螢火蟲的輸出如下。

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

下面的代碼將更改名稱,但如果我徘徊i的元素觸發點擊之前,所以它仍然顯示「原標題」將不會更新數據緩存稱號。

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

有沒有辦法在緩存在data-cache-title之後更改可顯示的工具提示標題?

更新: 我都試過,沒有運氣以下

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

http://api.jquery.com/data/#data-html5? –

+0

您是否使用第三方js庫進行工具提示?如果是的話,哪一個? – Kuro

+0

工具提示是:https://getuikit.com/v2/docs/tooltip.html – John

回答

0

jQuery的()ATTR方法應該工作:

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

或數據()方法

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

我沒有與他們兩個的運氣。 – John