Wie positioniere ich ein div neben einem Mausklick mit JQuery?

Question

Wie positioniere ich ein div neben einem Mausklick mit JQuery?

Dank

Answer 1

können Sie versuchen:

$("td").click(function(event) { 
    $("#divId").css({position:"absolute", top:event.pageY, left: event.pageX}); 
}); 

Nach weiteren Frage im Kommentar wurde gefragt:

$("td").click(function(event) { 
    var div = $("#divId"); 
    div.css({ 
     position:"absolute", 
     top:event.pageY, 
     left: event.pageX}); 

    var delayTimer = setTimeout(function() { 
     $that.fadeIn("slow"); 
    }, 100); 

    div.mouseover(function(event) { 
    if (delayTimer) 
     clearTimeout(delayTimer); 
    }).mouseout(function(){ 
    if (delayTimer) 
     clearTimeout(delayTimer); 
    var $that = $(this); 
    delayTimer = setTimeout(function() { 
     $that.fadeOut("slow"); 
    }, 500)   
    }); 
}); 

Answer 2

Etwas wie:

$('#cell').bind('click', 
    function(e){ 
     $('#div').css('left',e.pageX + 'px'); 
     $('#div').css('top',e.pageY + 'px'); }); 

Die Position des div sollte auf absolute gesetzt werden.