jQuery/प्रोटोटाइप संघर्ष

Question

मैं सोनी टोनका के मेगा ड्रॉप डाउन डब्ल्यू/सीएसएस & से प्रेरित एक मेगा ड्रॉप डाउन मेनू सिस्टम के लिए एक jQuery hoverIntent.js स्क्रिप्ट का उपयोग कर रहा हूं jQuery sohtanaka.com/web-design/mega-drop-downs-w -css-jQuery। मेरे पृष्ठ में एक प्रोटोटाइप.जेएस स्क्रिप्ट शामिल है जो किसी तृतीय पक्ष आपूर्तिकर्ता द्वारा डाली गई है (यह एक रियल एस्टेट वेबसाइट है जो संपत्ति खोज और लीड प्रबंधन सामग्री लोड करती है)। यह टैग से ठीक पहले ही लोड होता है। मेरी मेनू स्क्रिप्ट और jQuery कॉल टैग के शीर्ष पर लोड की जाती हैं। नीचे मैंने 2 लिंक शामिल किए हैं। पहला लिंक मैंने प्रोटोटाइप.जेएस को कॉल किया है और मेनू ठीक काम करता है। दूसरे लिंक में prototype.js को कॉल है और ड्रॉप डाउन काम नहीं करता है।

1. कार्य ड्रॉप डाउन: http://www.myreoforeclosures.com/_menutestfromcode.html (prototype.js बाहर टिप्पणी की)

2. काम नहीं कर ड्रॉप डाउन: http://www.myreoforeclosures.com/_menutestfromcode2.html

मैं कई रूपों की कोशिश की है (कार्य prototype.js के साथ) jQuery वेबसाइट पर सुझाए गए jQuery noConflict() संकल्पों का, लेकिन मेरे जीवन के लिए, मैं संघर्ष को हल नहीं कर सकता। मैंने ऊपर दिए गए लिंक को सीएसएस और एचटीएमएल की मूलभूत बातें को ड्रॉप डाउन का परीक्षण करने के लिए घटा दिया है।

कृपया ध्यान दें कि मैं वेब 2.0/सीएसएस/jQuery के साथ एक सीधी सीखने की वक्र पर चढ़ रहा हूं क्योंकि यह मेरा पहला प्रयास है जो इन उपकरणों का उपयोग कर वेबसाइट तैयार कर रहा है (पहले तालिका आधारित वेबसाइट बनाम)।

jQuery और प्रोटोटाइप को एक साथ काम करने के लिए कोई भी मदद की सराहना की जाएगी। मेरे पास केवल jQuery स्क्रिप्ट का नियंत्रण है इसलिए jQuery पर किसी भी रिज़ॉल्यूशन को किया जाना है। मेरे पास prototype.js पर कोई नियंत्रण नहीं है।

Answer 1

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

उपयोग jQuery.noConflict() विधि।

ग्रज़, क्रिस।

Answer 2

मुझे लगता है कि आप jQuery के पुराने संस्करण का उपयोग कर रहे हैं। आपके पास 1.4.2 के बजाय 1.3.2 है।

सुनिश्चित नहीं है कि इससे कोई फर्क पड़ता है, लेकिन शायद नवीनतम रिलीज़ का प्रयास करें।

आप Google की CDN से सीधे लिंक कर सकते हैं:

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Answer 3

मेनू दोनों URL में मेरे लिए काम करने लगता है। (फ़ायरफ़ॉक्स 3.6.4)

संपादित करें: वे मेरे लिए काम करते प्रतीत होते हैं, क्योंकि मेरा पसंदीदा ब्राउज़र फ़ायरफ़ॉक्स नोस्क्रिप्ट के साथ है। मैंने नोटिस नहीं किया कि प्रोटोटाइप लाइब्रेरी एक अलग डोमेन से आई है। =/

/headdesk

Answer 4

मुझे लगता है कि कारण jQuery.noConflict() काम नहीं करता है कि मेनू कोड $ उपयोग करने के लिए jQuery कार्यात्मकता की ओर इशारा करने के लिए जारी है। jQuery से वैश्विक नाम को अनदेखा करना है।

यदि आपके पास कोई ऐसा कोड है जो $ से "jQuery" का अर्थ है, तो इसे बदले में jQuery का उपयोग करने के लिए बदला जाना चाहिए।अन्यथा, यह प्रोटोटाइप $ उठाएगा जो निश्चित रूप से एक बहुत ही अलग बात है।

संपादित — ठीक मैं अंत में लोड करने के लिए अपने पृष्ठ मिला (मुझे लगता है कि मेरे नेटवर्क मुद्दों कर रहा था), इसलिए मुझे लगता है कि आप उपयोग कर रहे "$ जे" सुंदर लगातार देखते हैं। इस प्रकार मुझे नहीं लगता कि मेनू कोड में $ समस्या एक समस्या है, लेकिन मैं यहां टिप्पणी छोड़ दूंगा क्योंकि यह अभी भी सच है कि noConflict() जादू नहीं है।

फिर से संपादित करें — मैं प्रोटोटाइप 1.4.2 का प्रयास करने के लिए पैट्रिक के सुझाव के साथ जाऊंगा।

Answer 5

यदि वह मेनू प्रोटोटाइप का उपयोग नहीं करता है, तो आप $ वैरिएबल को एक नए ब्लॉक में jQuery (एक स्वयं निष्पादित अज्ञात फ़ंक्शन के माध्यम से) को फिर से परिभाषित कर सकते हैं।

(function ($) { 
    // do stuff as usual 
})(jQuery); 

Answer 6

मुझे बिल्कुल वही समस्या थी! मैं 'rangeError: अवैध सरणी लंबाई' के साथ, jq 1.6.2 और prototype.js का उपयोग कर रहा हूं।

मैंने लगभग तब तक इसे छोड़ दिया जब तक कि मैंने प्रोटोटाइप की Google की सीडीएन प्रतिलिपि का उपयोग नहीं किया, और सब अच्छा है। मुझे लगता है कि अब क्या मुद्दा था कि हल किया गया था।