Как запретить всплывающему элементу div скрывать нажатие внутри него для начальной загрузки в твиттере «disptable popover» (data-trigger = «focus»)?
У меня есть недопустимый поповер (data-trigger = "focus") с текстовым полем внутри. Но как только я нажимаю внутри текстового поля, чтобы ввести его, оно исчезает из-за "data-trigger =" focus ". Как сделать так, чтобы div не исчезал при щелчке внутри него? Вот мой 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>
Вот мой 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>'
});
});
Это моя ссылка на jsfiddle:http://jsfiddle.net/3g3o4xhw/
Я в моем уме .. пожалуйста, помогите .. Заранее спасибо.