html页面隐藏元素时闪烁,javascript – 不需要的HTML元素闪烁

当我在我正在使用的图像上拖动元素时遇到闪烁问题时,我正在为一个项目工作快速笔.不确定这里发生了什么,当你最初加载笔并第一次将它翻过来时,似乎没有出现这个问题,但之后它开始出现问题.

片段演示：

$(document).bind('mousemove', function(e){

$('.tagger').css({

left: e.pageX - 55,

top: e.pageY - 55

});

});

$('#crowd').hover(function(){

$('.tagger').show();

});

$('#crowd').mouseleave(function(){

$('.tagging').attr('class', 'tagger');

$('.tagger').hide();

});

$('#crowd').click(function(){

$('.tagging').attr('class', 'tagger');

});

$('.tagger').click(function(){

$('.tagger').attr('class', 'tagging');

});

$(document).on('click', '.tagging li', function(){

alert($(event.target).text());

});

.tagger {

top: 0px;

left: 0px;

position: absolute;

z-index: 3;

}

.tagger .frame {

position: relative;

height: 100px;

width: 100px;

padding: 0px;

border: 5px;

border-style: solid;

border-color: red;

}

.tagger .name {

display: none;

position: relative;

top: -5px;

height: 90px;

width: 90px;

padding: 5px;

border: 5px;

border-style: solid;

border-color: red;

background-color: white;

}

.tagger .name ul {

list-style: none;

padding: 0px;

margin: 0px;

display: inline-block;

}

.tagging {

position: absolute;

z-index: 3;

}

.tagging .frame {

position: relative;

height: 100px;

width: 100px;

padding: 0px;

border: 5px;

border-style: solid;

border-color: red;

}

.tagging .name {

position: relative;

top: -5px;

height: 90px;

width: 90px;

padding: 5px;

border: 5px;

border-style: solid;

border-color: red;

background-color: white;

}

.tagging .name ul {

list-style: none;

padding: 0px;

margin: 0px;

display: inline-block;

}

• One
• Two
• Three
• Fork
• Fyve

$(document).bind('mousemove', function(e){

$('.tagger').css({

left: e.pageX - 55,

top: e.pageY - 55

});

});

$('#crowd').hover(function(){

$('.tagger').show();

});

$('#crowd').mouseleave(function(){

$('.tagging').attr('class', 'tagger');

$('.tagger').hide();

});

$('#crowd').click(function(){

$('.tagging').attr('class', 'tagger');

});

$('.tagger').click(function(){

$('.tagger').attr('class', 'tagging');

});

$(document).on('click', '.tagging li', function(){

alert($(event.target).text());

});