I have the same problem. Has the landlord solved it?

use js to control display and hide, add onmouseover and onmouseout functions to the parent element li
Hidden DIV you control and click on the function

< style >

.pop {
    display: none;
    position: absolute;
}
li {
    position: relative;
}
/*li:hover .pop {*/
    /*display: block;*/
/*}*/

< / style >
< body >

<li onmouseover="show()" onmouseout="hide()">
    <a href="javascript：;" title=""></a>
    <div class="pop" id="pop"  onclick="check()">
        div
    </div>
</li>

< / body >
< script >

var i=0
function show() {
    document.getElementById('pop').style.display = 'block'
}
function hide() {
    document.getElementById('pop').style.display = 'none'
}
function check(){
    console.log('' + iPP)
}

< / script >

add parameters to isolate the hover event from the click time
var isMouseOver = true; / / controls the conflict between the mouse hover event and the click event

$(".div").hover(function(){
    isMouseOver = true
    //
},function(){
    if(isMouseOver){
        //
    }
});
$(".div").click(function(){
isMouseOver = false;
//

});

has the landlord solved it?