verhindern bootstrap tooltip ausgeblendet wird, klicken Sie auf über Sie
Möchte ich verhindern, dass der tooltip ausgeblendet wird, wenn ich auf über es. außer, dass, wo immer ich Sie auf Körper es sollte zu verstecken.
Tooltip sollte funktionieren auch auf Tab.
js fiddle:
html:
<div class="bs-example tooltip-demo">
<div class="bs-example-tooltips">
<input type="text" class="form-control" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title=""/>
<input type="text" class="form-control" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title=""/>
<input type="text" class="form-control" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title=""/>
</div>
</div>
jquery:
$('[data-toggle="popover"]').popover({trigger:"focus"});
$('body').on('click', function (e) {
$('[data-toggle="popover"]').each(function () {
//the 'is' for buttons that trigger popups
//the 'has' for icons within a button that triggers a popup
if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});
Du musst angemeldet sein, um einen Kommentar abzugeben.
Darf ich vorschlagen, die Auslösung der popover
manually
Beispiel: Fiddle
Update-Update für das Tab-Problem:
Ändern Sie die
.blur
- Funktion, um die folgenden:Fiddle
$(body).on('mousedown', function (e)
zu$(document).on('mousedown', function (e)
waren Sie mit einem Klick außerhalb des Körpers, die ist, warum es nicht funktioniert.