我有一个不允许的popover(data-trigger ="focus"),里面有一个文本框.但是一旦我在文本框内部单击进行输入就会因为"data-trigger ="焦点而消失".如何智能地使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/
我在我的智慧结束..请帮助..在此先感谢.