javascript - 在鼠标悬停时显示动态创建的 div 并删除

Question

我通过问题搜索了很多，但没有找到正确的方法。我的问题是:我想创建一个 div动态，显示在 mouseover 上将它附加到另一个 div , 并删除(通过 remove() 函数)在 mouseout 上.我尝试了几种方法，但在其中任何一种中，有时都是 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();
});

Answer 1

这有帮助吗:

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