मेरी स्क्रीन पर अलग-अलग जेड-इंडेक्स (1 और 2) के साथ दो परतें (डीआईवी) हैं। मैं jQuery का उपयोग करके निचली परत (जेड-इंडेक्स: 1 वाला एक) खींचने में सक्षम होना चाहता हूं। मैं इसे कैसे हासिल करूंगा? माउस की गति और क्लिक को निचली परत पर कैसे ले जाएं?

2
SwissChocolate 28 जून 2011, 02:34
क्या समस्या यह है कि आप माउस ईवेंट चाहते हैं कि आपका z-indexed 2 div इसके नीचे z-indexed 1 div पर पास होने के लिए कैप्चरिंग कर रहा है? क्या z-अनुक्रमित 1 div z-अनुक्रमित 2 div के लिए एक कंटेनर है?
 – 
Percy
28 जून 2011, 02:56

1 उत्तर

सबसे बढ़िया उत्तर

आप jQuery UI का उपयोग करके आसानी से DIV को ड्रैग करने योग्य सेट कर सकते हैं। बस कॉल करें

$("#mydiv").draggable();

जेड-इंडेक्स वह होगा जो आप अपने सीएसएस में डीआईवी देते हैं। सुनिश्चित करें कि आपने डीआईवी दोनों पर स्थिति विशेषता सेट की है (या तो पूर्ण या सापेक्ष, इससे कोई फर्क नहीं पड़ता)। यदि आप ड्रैग इवेंट को निचली परत पर पास करना चाहते हैं, तो ऊपर की परत के लिए ईवेंट कैप्चर करें और फिर इसे नीचे दिए अनुसार पास करने के लिए .trigger() का उपयोग करें।

$("#top").mousedown(function(event){
    $("#bottom").trigger(event);
});

आपको शायद यह जांचने के लिए कुछ कोड भी जोड़ना चाहिए कि, शीर्ष परत के मूसडाउन पर, माउस वास्तव में निचली परत पर है।

3
T Nguyen 29 जून 2011, 10:17
धन्यवाद लेकिन वह नहीं है जो मैं ढूंढ रहा हूं, मैं पहले से ही दोनों को जानता था। मेरा इरादा माउस के साथ "निचली परत" को खींचना/स्थानांतरित करना है। यदि उस परत के ऊपर एक और डीआईवी है, तो निचली परत को स्थानांतरित करने का कोई मौका नहीं है, मैं माउस क्लिक/आंदोलन को निचली परत पर पास करने और उसे खींचने में सक्षम होने का एक तरीका खोजने के लिए उत्सुक हूं।
 – 
SwissChocolate
29 जून 2011, 08:16