I am using a plugin, which does the Popover function. This has 2 ways to activate. The first by clicking on the element on which I want the popover to be activated and the second by moving the mouse pointer. In short, "Click" and "Hover".
My question is how to do it so that when I use the second option (Hover), I can navigate inside the popover without closing it.
The plugin I use is found on this website: http://www.jqueryscript.net/tooltip/Minimal-CSS3-Animated-jQuery-Popover-Plugin.html
JQuery
<script type="text/javascript">
$(document).ready(function(){
$('[data-role="popover2"]').popover({
trigger: 'hover' // click | hover
});
});
</script>
HTML
<span class="popover-wrapper">
<a href="#" data-role="popover2" data-target="popover-target">Hover
here</a>
<div class="popover-modal popover-target">
<div class="popover-body">
<img width="400px" height="200px" src="Imagenes/high-resolution-
wallpaper-nature-1366x768.jpg">
</div>
</div>
</span>
Is this what you are looking for? , I know it's independent of the plugin you're using, but it might help you.