0

ユーザーがオブジェクトをクリックすると、そのメニューを生成したいと考えています。

$(".thumbImage").click(function(e){

    var xCoord = e.pageX;
    var yCoord = e.pageY;

    var content = "<div class='thumbMenu' id='tempMenu'>THE MENU IS HERE</div>";
    $(this).after(content);

    $("#tempMenu").css("visibility","visible");
    $("#tempMenu").css("left",xCoord-30);
    $("#tempMenu").css("top",yCoord-30);
    return false;

});

ユーザーがマウスを離したときに、id = "tempMenu" の div を削除する必要があります。ユーザーが他のthumbImageをクリックしても問題はありません。

これが私の現在のコードです：

$(".thumbImage").mouseout(function(e){
    $("#tempMenu").remove();
    return false;
});

しかし、うまくいかないようです。

4

2 に答える 2

0

あなたの完全な HTML マークアップがわからないのでbody、選択した要素として使用しました。これを自分用に変更することもできます。.on()イベント ハンドラー ( http://api.jquery.com/on/ ) とイベントを使用しmouseleaveて#tempMenu.

jQuery 

$('body').on('mouseleave', '#tempMenu', function() {
     $(this).remove();
     return false;
});
于 2013-07-13T15:51:26.103 に答える