Behalten Sie den Fokus mit Bootstrap Popover

Question

Ich habe mit Bootstrap Popover Widget betrachtet und während ich mag es ist eine Sache, die ich gerne sehen würde, ist die Möglichkeit, Hyperlinks oder Schaltflächen in den Inhalt des Popover Körper zu platzieren. Platziere sie dort, aber das Problem ist, dass ein Benutzer darauf klicken kann.

Genauer gesagt ist das Problem - mit Standardoptionen sowieso - sobald Sie den Link verlassen und in Richtung des Popover bewegen verschwindet es. Gibt es eine Möglichkeit, dies zu ändern, als nur die Verzögerung {Verbergen} Einstellung anzuwählen? Die "richtige" Lösung wäre meiner Meinung nach, eine enge "Versteckeinstellung" (aka, Verzögerung: {hide: 100}) beizubehalten, aber die Cursorbewegung während des Popover zuzulassen, um den Timer nicht zu starten.

Ich hoffe, ich verpasse hier einen einfachen Trick. Jede Hilfe ist willkommen.

Answer 1

Der folgende Code zeigt das Popover beim Überfahren der Maus und es bleibt sichtbar, wenn die Maus wegbewegt wird.

$("span[rel=popover]").popover({ trigger: 'manual' }).hover(function(e){ 
$(this).popover('show'); 
e.preventDefault(); 
}); 

Um es

$("span[rel=popover]").popover('hide'); 

HTH

Answer 2

Wahrscheinlich ein wenig zu spät, um das Spiel nennen zu schließen, aber ich kam gerade über diese popover Variante "Klick über" genannt. Die Lösung deckt Ihre Bedürfnisse ab und enthält einige andere nützliche Methoden.

http://www.leecarmichael.com/bootstrapx-clickover/examples.html

Answer 3

Ich weiß, das sehr alte Verbindung ist aber für andere Menschen verweisen mir den Link von anderen Stackoverflow Zugabe How can I keep bootstrap popover alive while the popover is being hovered?