2010-08-19 16 views
21

JQuery'yi kullanarak bir fare tıklatmasının yanındaki bir bölmeyi nasıl konumlandırırım?JQuery kullanarak fare tıklatmasının yanındaki bir div nasıl konumlandırılır?

sayesinde benzeri

+1

biraz daha özel ayrıntılar ekleyin Could: Ek soru açıklamada istendi

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

sonra mı? – XstreamINsanity

+0

@XstreamINsanity ... Tamam Bir tablom var ve belirli bir hücreyi tıkladığınızda DIV'ye bir şey yükler. Ne yapmak istediğim bu DIV'yi yeni tıklattığım yerde göstermektir. Bu mantıklı olursa haberim olsun? – Nasir

+0

DIV'ye tıkladığınızda fare işaretçisi konumunu görüntülemek mi yoksa DIV'yi tıklattığınızda işlev görüyor musunuz? – ppshein

cevap

29

Deneyebilirsin:

$("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)   
    }); 
}); 
+1

Büyük teşekkür bir trilyon o işe yaradı ... Tıklayarak ben bu tablodan görüntüleyen DIV nasıl durdurabilirim biliyor musunuz? – Nasir

+0

İşte düşünüyorum: ($ ('# DayInfo'). $ ('# Tatil planlayıcısı-tablo')) dışında ise { eksi ile birlikte $ ('# DayInfo') koordine et } {kodunuzu} – Nasir

+0

Ek sorununuzu açıklayan yeni bir soruyla yeni bir konu açmayı düşünün. –

0

şey:

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

div pozisyon mutlak olarak ayarlanmalıdır.

İlgili konular