¿Cómo evitar que el div popover se oculte al hacer clic dentro de él para el arranque de twitter "popover descartable" (disparador de datos = "foco")?
Tengo un popover descartable (data-trigger = "focus") con un cuadro de texto dentro. Pero tan pronto como hago clic dentro del cuadro de texto para escribirlo, desaparece debido a "data-trigger =" focus ". ¿Cómo hago para que el div no desaparezca de forma inteligente al hacer clic dentro de él? Aquí está mi 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>
Aquí está mi jquery:
$(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>'
});
});
Este es mi enlace jsfiddle:http://jsfiddle.net/3g3o4xhw/
Estoy agotado ... por favor ayuda ... Gracias de antemano.