2010-08-19 12 views
21

मैं JQuery का उपयोग कर माउस क्लिक के आगे एक div कैसे स्थिति करूं?JQuery का उपयोग कर माउस क्लिक के आगे एक div को कैसे स्थानांतरित कर सकता हूं?

धन्यवाद

+1

आप एक छोटे से अधिक विशिष्ट जानकारी जोड़ सकते हैं:

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

के बाद अतिरिक्त प्रश्न टिप्पणी में कहा गया था? – XstreamINsanity

+0

@XstreamINsanity ... ठीक है मेरे पास एक टेबल है और जब आप किसी निश्चित सेल पर क्लिक करते हैं तो यह कुछ डीआईवी में लोड करता है। मैं जो करना चाहता हूं वह इस डीवीवी को प्रदर्शित करता है जहां मैंने अभी क्लिक किया था। अगर यह समझ में आता है तो मुझे बताएं? – Nasir

+0

क्या आप माउस पॉइंटर स्थान प्रदर्शित करना चाहते हैं जहां DIV पर क्लिक करें या DIV पर क्लिक करते समय फ़ंक्शन करें? – ppshein

उत्तर

29

आप कोशिश कर सकते हैं:

$("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

ग्रेट धन्यवाद यह एक ट्रिलियन काम करता है ... क्या आप जानते हैं कि मैं इस तालिका से बाहर डीआईवी को कैसे प्रदर्शित कर सकता हूं जिसमें मैं क्लिक कर रहा हूं? – Nasir

+0

यहां अवधारणा है जिसके बारे में मैं सोच रहा हूं: अगर ($ ('# DayInfo') $ ('# vacation-planner-table') के बाहर है) { शून्य से कम $ ('# DayInfo') प्रदर्शित करें } अन्य {समन्वय करें} – Nasir

+0

अपनी अतिरिक्त समस्या का वर्णन करने वाले नए प्रश्न के साथ खुले नए धागे पर विचार करें। –

0

कुछ की तरह:

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

div की स्थिति पूर्ण करने के लिए सेट किया जाना चाहिए।

संबंधित मुद्दे

 संबंधित मुद्दे