Wie verhindere ich, dass sich das Popover-Div versteckt, wenn ich auf das Twitter-Bootstrap "Dismissible Popover" klicke (Daten-Trigger = "Fokus")?
Ich habe ein nicht zulässiges Popover (data-trigger = "focus") mit einem Textfeld. Aber sobald ich in das Textfeld klicke, um es einzutippen, verschwindet es aufgrund des "data-trigger =" focus ". Wie kann ich das div intelligent verschwinden lassen, wenn ich darauf klicke? Hier ist mein HTML:
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" ></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script></head>
<body><div><a class="BookAppButton" href="" data-toggle="popover" data-html="true" data-placement="bottom" data-trigger="focus">Click Here</a></div></body>
Hier ist meine Frage:
$(document).ready(function(){
$('.BookAppButton').click(function(event){
event.preventDefault();
console.log("Button Clicked..");
});
$('.BookAppButton').popover({
title : '',
html : 'true',
content:'<div style="border:black 2px solid"><p>Enter name : <input type="text"></input></p></div>'
});
});
Dies ist mein jsfiddle Link:http: //jsfiddle.net/3g3o4xhw
Ich bin mit meinem Verstand am Ende .. bitte helfen .. Danke im Voraus.