Ben alt öğelerin bağlı çoklu önyükleme araç ipuçları ile bir <code>$("#settings")</code> div A Div

Question

Tüm Bootstrap İpuçlarını yok edin. Örneğin

,

<div id="settings" style="display: flex;"> 
    <tbody> 
    <tr> 
     <td width="25%" class="left Special" style="font-size:150%">Content:</td> 
     <td width="5%"></td> 
     <td width="70%" class="Special settingswrong" style="font-size:200%"><div style="display:inline" data-toggle="tooltip" data-placement="right" title="" data-original-title="This is not what you are looking for!">Content</div></td> 
    </tr> 
    <tr> 
     <td width="25%" class="left Special" style="font-size:150%">Content:</td> 
     <td width="5%"></td> 
     <td width="70%" class="Special settingswrong" style="font-size:200%"><div style="display:inline" data-toggle="tooltip" data-placement="right" title="" data-original-title="This is not what you are looking for!">Content</div></td> 
    </tr> 
    </tbody> 
</div> 

Bir düğmeye basarak tüm bu araç ipuçları kurtulmak için $("#settings").tooltip('destroy') yapmak istiyorum ama çalışmıyor ipuçları aslında değildir çünkü, ben tahmin ediyorum'da ayarlar div, ancak bunun içinde.

Ancak ben de $('#settings').find('*').tooltip('destroy') çalıştı ve bu da işe yaramadı.

Onları nasıl başlattığım için mi?

$(document).ready(function() { 
    $("body").tooltip({ selector: '[data-toggle=tooltip]' }); 
}); 

Bir div içindeki tüm araç ipuçlarına erişmek için hızlı ve kolay bir yol nedir? bu yüzden seni yok kullanarak devre dışı bırakmak için

$("body").tooltip({ selector: '[data-toggle=tooltip]' }); 

bunu yapmak için gereken:

Answer 1

Sen data-toggle="tooltip" niteliğini elemanları kabı kullanarak (gövde) oluk heyet (fiddle) sahip elemanların tümü başlatıldı vücut üzerinde:

$('body').tooltip('destroy'); 

Eğer öğelerin her başlatabilir heyet gelmeden eve yapmak istiyorsanız

(fiddle):

$('[data-toggle="tooltip"]').tooltip(); 

ve onu yok:

$('[data-toggle="tooltip"]').tooltip('destroy'); 

yine yalak heyet başlatmak ve) devre dışı (fiddle kullanarak çalışmasını durdurmak isterseniz:

$('body').tooltip({ selector: '[data-toggle=tooltip]' }); 
$('body [data-toggle="tooltip"]').tooltip('disable'); 

Yok etme ve devre dışı bırakma arasındaki fark hakkında açıklama Jasny's answer:

$('[rel=tooltip]').tooltip()   // Init tooltips 
$('[rel=tooltip]').tooltip('disable') // Disable tooltips 
$('[rel=tooltip]').tooltip('enable') // (Re-)enable tooltips 
$('[rel=tooltip]').tooltip('destroy') // Hide and destroy tooltips 

Bu benim bot github var cevaptır - Eğer (heyet kullandığınız yana yani seçici seçeneği), inanıyorum sadece bir gerçek araç ipucu örneği (vücut üzerinde). Bu nedenle, tetikleyici elemanlar üzerinde varolmayan araç ipucu örneklerini yok etmeye çalışmak, bunların hiçbir etkisi yoktur. yetki verilmemiş bir sürümünü karşılaştırın: Sadece #settings içindeki araç ipuçlarını yok etmek için http://jsfiddle.net/zsb9h3g5/1/

Answer 2

Bunu yapmak:

$('#settings [data-toggle="tooltip"]').tooltip('destroy'); 

Answer 3

seçilen cevabı tamamen gitti böylece araç ipuçları yok eder ve bunların işlevleri devre dışı bırakılır.

sadece istiyorsanız

onların işlevlerini korurken, $('.tooltip').remove(); kullanmak kerede tüm araç ipuçları kurtulmak için.

Answer 4

Önyükleme sürümü 4'ten itibaren ve belgelere göre 'u destroy artık tanımlanmamış olarak kullanmalısınız. Örnek aşağıda verilmiştir:

$('#element').tooltip('dispose')