Dynamiczne zmienianie położenia etykiety początkowej wstawiania etykiet

Question

Próbowałem dynamicznie zmieniać rozmieszczenie etykiet z efektami, ale nie działa.

<input type="text" id="sample" title="Tip"> 
<button name="change me" id="changeBtn">Change Tool Tip!</button> 

I JS:

//Initiall tooltip for all elements 
$("[title!='']").tooltip(); 

$("#changeBtn").click(function() { 
    //Change tooltip placment 
    $("#sample").tooltip({placement : 'left'}).tooltip('show'); 

}) 

http://jsfiddle.net/znvv9ar5/

znalazłem dobrej odpowiedzi na Change Twitter Bootstrap Tooltip content on click który pokazuje, jak zmienić tekst podpowiedzi dynamicznie przy użyciu tooltip('fixTitle') metody. Ale nie mogłem znaleźć czegoś do umieszczenia.

Answer 1

W Bootstrap 2.x, odpowiedź brzmi:

$('#sample').data('tooltip').options.placement = 'right'; 

Jednak z Bootstrap 3, wszystkie dane Bootstrap jest przestrzeni nazw z bS:

$('#sample').data('bs.tooltip').options.placement = 'right'; 

Kod:

$("#changeBtn").click(function() { 

    $('#sample').data('tooltip').options.placement = 'left'; 
    $("#sample").tooltip('show'); 

}); 

Play it here

Answer 2

Chociaż nie lubię używać! Ważne jest, aby trochę oszukać w tym przypadku.

.tooltip { 
    left: 12px!important; 
} 

http://jsfiddle.net/znvv9ar5/1/ w wyniku.

Możesz zastosować ten CSS za pomocą kliknięcia.

Answer 3

Spróbuj użyć "zniszczyć" na etykiecie i powiązać go ponownie

$("#sample").tooltip("destroy").tooltip({placement : 'left'}).tooltip('show');