javascript – 在mouseover上显示动态创建的div并删除

2023年5月8日 225次阅读

我通过问题搜索了很多,但我找不到正确的方法.我的问题是：我想动态创建一个div,在mouseover上显示它,将它附加到另一个div,并在mouseout上删除(通过remove()函数).我尝试了几种方法,但在其中任何一种情况下,有时div显示然后消失,有时它不会,有时它会在我的鼠标离开容器div中的文本时消失.

感谢你们 .

这是我的代码

    var usr = 'username_pre';

var newdiv = $('<div>', { 
              html: '<a href="#" title="">'+usr+'</a> </br> <a href="#" title="">impostazioni</a> </br> <a href="#" title="">esci</a>'
              });


$("#container").mouseover(function(){
        $("#options").css('visibility','visible').append(newdiv);
    }); 
$("#options").mouseout(function(){
         $(newdiv).remove();
});

最佳答案 这有用吗：

$("#container").mouseover(function(){
        $("#options").css('display','block').append(newdiv);
    }); 
$("#options").mouseout(function(){
    $("#options").css('display','none');
    $(newdiv).remove();
});
点赞