Jquery 元素消失

Jquery 元素消失,jquery,html,css,Jquery,Html,Css,//html //js,jquery 变量框=$(“.box”); var boxCenter=[box.offset().left+box.width()/2,box.offset().top+box.height()/2]; $(文档).mousemove(函数(e){ 变量角度=数学atan2(e.pageX-boxCenter[0],-(e.pageY-boxCenter[1])*(180/Math.PI); css({“-webkit transform”:“旋转('+angle+'d

//html
//js,jquery
变量框=$(“.box”);
var boxCenter=[box.offset().left+box.width()/2,box.offset().top+box.height()/2];
$(文档).mousemove(函数(e){
变量角度=数学atan2(e.pageX-boxCenter[0],-(e.pageY-boxCenter[1])*(180/Math.PI);
css({“-webkit transform”:“旋转('+angle+'deg)});
css({'-moz transform':'rotate('+angle+'deg')});
css({'transform':'rotate('+angle+'deg')});
$(“#角度返回”).text(角度);
});
//css
.盒子{
背景色:黑色;
宽度:30px;
高度:30px;
位置:绝对位置;
左:200px;
顶部:200px;
}

在这个提琴中,它有一个小黑匣子,旋转时面向鼠标指针,我添加了另一个元素,显示对象当前的角度,但一旦鼠标移动到该区域,它就会消失,只有角度显示,我该如何解决这个问题?

你的
。box
元素是
\anglereturn
的子元素。我注意到您试图使元素自动关闭,但这在HTML中是无效的语法(无论如何,对于div)。您需要使用自己的
标记正确地关闭元素

由于该页面拒绝了无效的HTML,因此它将您的HTML表示为:

<div id="anglereturn">
    <div class="box">
</div>
<div id="anglereturn">
    <div class="box">
</div>
<div id="anglereturn"></div>
<div class="box"></div>