4

質問をたくさん検索しましたが、正しい方法が見つかりませんでした。私の問題は次のとおりです。div動的にを作成し、mouseoverそれを別の に追加して表示し、(関数divを介して) を削除します。私はいくつかの方法を試しましたが、それらのいずれかで、表示されてから消えたり、表示されなかったり、マウスがコンテナ内のテキストから離れると消えたりします。君たちありがとう 。remove()mouseoutdivdiv

これは私のコードです

    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();
});
4

3 に答える 3

1

を使用して問題を解決しました：

このコード html :

  <div id="container" class="cont">
  <a href="#" id="username" class="nomeutente" title=""> Stefano Imparato </a>
  </div>
  <div id="options" >
  <a href="#" id="user" title="">usr</a> </br>
  <a href="#" title="">impostazioni</a> </br>
  <a href="#" title="">esci</a> 
  </div>

コード jquery :

$("#container").mouseover(function(){   
        $("#container").append($("#options"));
        $("#options").css({
            'display' : 'block'
        });
        $(this).find('#user').text(usr);
    });

$("#container").mouseout(function(){
    $("#options").css('display','none');
});

css:

#option { display: none; }
于 2012-11-24T19:00:24.057 に答える
1

これは役に立ちますか:

$("#container").mouseover(function(){
        $("#options").css('display','block').append(newdiv);
    }); 
$("#options").mouseout(function(){
    $("#options").css('display','none');
    $(newdiv).remove();
});
于 2012-11-24T03:12:07.783 に答える
0

これはhtmlです：

<div id="container" class="cont">
<a href="#" id="username" class="nomeutente" title=""> Stefano Imparato </a>
<div id="options" class="opt"></div>
</div>
于 2012-11-24T14:44:09.350 に答える