如何在单击时选择悬停元素而不是悬停元素？

Question

我正在使用 jquery 拖放一些元素，对于一些太小的元素，我会显示悬停一个带有信息内容的 div。 我的问题是当我想拖动这个元素时，我选择了悬停 div 而不是悬停的 div，我需要拖动悬停的 div...

实际上我正在使用它来创建我的悬停 div：

 $(".ghost_for[data-id='"+value+"']").append("<div class='hiddenTextjob' unselectable='on' id='displayHoraires_"+value+"'>" + firstTemp + "-" + lastTemp + "<br /> idjob: "+value+"</div>");

我使用 css 显示悬停元素：

.ghost_for:hover > .hiddenTextjob{
        display: block;
        background-color:#000;
        color:#FFF;
        width:72px;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

你有解决方案来拖动悬停元素而不是悬停元素吗？

提前致谢

Answer 1

尝试在点击时将焦点设置在悬停 div 上。喜欢：

  $( "#target" ).focus();