Como impedir que a div popover oculte o clique dentro dela para a inicialização do twitter “popover descartável” (data-trigger = “focus”)?

Question

Dec 25, 2014, 04:37 PM

bootstrap-popover twitter-bootstrap jquery javascript html

Como impedir que a div popover oculte o clique dentro dela para a inicialização do twitter “popover descartável” (data-trigger = “focus”)?

Eu tenho um popover descartável (data-trigger = "focus") com uma caixa de texto dentro dele. Mas assim que eu clico dentro da caixa de texto para digitá-la, ele desaparece por causa do "data-trigger =" focus ". Como faço para que a div não desapareça de forma inteligente ao clicar nela? Aqui está o meu 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>

Aqui está o meu 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 é o meu link jsfiddle:http://jsfiddle.net/3g3o4xhw/

Estou no meu juízo final .. por favor ajude .. Agradecemos antecipadamente.