Keep Twitter Bootstrap Tooltip open on mouseleave
Solution found. Manual Trigger does the trick - here is the updated code:
$('.taskTooltip').tooltip({trigger: 'manual'}).tooltip('show');
Use unbind() after show : it will remove all event handler and thus the tooltip won't hide on mouseleave
$(".circle").tooltip("show");
$(".circle").unbind();.circle{
margin-left:100px;
margin-top:80px;
width:10px;
height:10px;
background-color:#0088ff;
border-radius:50%;
border:1px solid #ff8800;
}<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="circle" data-toggle="tooltip" data-placement="top" title="Hello World !"></div>