Popover usage of bootstrap

I have only been using bootstrap for a few days, and I have encountered a problem that I can"t solve by myself. I hope you Daniel can help me solve it!

is that I use the hover trigger mode when I use popover, but as long as I leave the button area, it will disappear, even if the mouse is in the popover display!

how to make sure that the mouse in the button and popover display content will not disappear, without popover display content and button will disappear?

<a class="btn btn-info" role="button" id="button1" data-toggle="popover"></a>

<script>
$(function() {
    $("-sharpbutton1").popover({
        trigger: "hover",
        placement: "top",
        content: "hello",
        container: "body",
        delay: {
            show: 100,
            hide: 100
        }
    });
});
</script>
Oct.21,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7c102f-1f953.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7c102f-1f953.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?