0

同じクラスのいくつかの div があり、それらのいずれかがホバーされるたびに同じ div を表示したいと考えています。この 2 番目の div を一度だけ作成したい。ドキュメント内で作成してから、必要なときにいつでも複製して追加しようとしました。これは機能していません。以下の例では、main_item はホバーされているクラスであり、optionbar は表示する div です。main_item クラスにカーソルを合わせると 9999 の ID が割り当てられ、そこから離れると ID が削除されることに注意してください。

$(function(){
    $(".main_item").hover(function(){
     $('.optionbar').clone().appendTo("#9999");
    }
    ,function(){
         $("#9999").remove('.optionbar');
    }
);        
});
4

4 に答える 4

1

ここに実際の例があります。

コード例:

$("div#test").hover(
   function () {
      $(this).append($("<div> ***</div>"));
    }, function () {
       $(this).find("div:last").remove();
    }
);​
于 2012-11-24T09:51:42.903 に答える
0

キャッチしたかどうかはわかりませthisんが、ホバーしている現在の要素に使用する必要があります

$(function(){
    $(".main_item").bind('hover',function(){
     $('.optionbar').clone().appendTo(this);
     $(this).remove('.optionbar');

    });        
});
于 2012-11-24T09:27:52.320 に答える
0

これを試してください: ( Demo Here)

$(".main_item").hover(
   function() {
    $('.optionbar').show().appendTo(this);
}, function() {
    $('.optionbar').hide();
});​

お役に立てれば！

于 2012-11-24T11:40:47.130 に答える
0

クローンを作成する必要がある理由がわかりません。必要に応じて移動して表示/非表示にするだけです

$(function(){
    $(".main_item").hover(function()
    {
        $('.optionbar').show().appendTo(this);

    }, function()
    {
        $('.optionbar').hide();
    });
});

http://jsfiddle.net/trapper/F94Db/2/

于 2012-11-24T09:35:10.803 に答える