Zerstöre Alle Bootstrap Tooltips in Ein Div

Ich habe eine $("#settings") div mit mehreren bootstrap tooltips angebracht, um die child-Elemente.

Beispielsweise

<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>

Will ich tun $("#settings").tooltip('destroy') um loszuwerden, alle diese tooltips auf eine Taste drücken, aber es funktioniert nicht, ich gehe davon aus, da die tooltips sind nicht eigentlich auf die Einstellungen div, aber innen.

Aber ich habe auch versucht $('#settings').find('*').tooltip('destroy') - und das hat nicht funktioniert entweder.

Ist es, weil, wie ich bin initialisieren?

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

Was ist eine schnelle und einfache Möglichkeit für den Zugriff auf alle tooltips innerhalb eines div?

InformationsquelleAutor LSD | 2015-01-29

Schreibe einen Kommentar