2017-02-22 4 views
0

Ich verwende Tooltip auf ein Element, um den Titel anzuzeigen, wie ich es will.jQuery Ändern Tooltip Daten-Cache-Titel

Wenn ich das Element vor dem Klick den Mauszeiger über die Ausgabe in Firebug halte, ist Folgendes.

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

Der folgende Code wird den Titel ändern, aber den Daten-Cache-Titel nicht aktualisiert, wenn ich das Element schwebt, bevor ich den Klick auslösen, so dass es immer noch den „Original Titel“ zeigt.

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

Gibt es eine Möglichkeit, den darstellbaren Tooltip Titel zu ändern, nachdem sein in Daten-Cache-Titel im Cache gespeichert wurde?

Update: Ich habe versucht, die folgenden ohne Glück

$('#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

verwenden Sie eine js-Bibliothek von Drittanbietern für Tooltips? Wenn ja, welcher? – Kuro

+0

Tooltip ist: https://getuikit.com/v2/docs/tooltip.html – John

Antwort

0

Die jQuery() attr Methode funktionieren sollte.

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

oder die Daten() -Methode

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

Ich hatte kein Glück mit beiden. – John