आईफ्रेम के अंदर माता-पिता से jquery का उपयोग कैसे करें?

Question

मेरे पास एक फ़ाइल है, आइए हम इसे parent example.com कहते हैं, डोमेन example.com द्वारा सेवा दी गई है। इस फ़ाइल में jquery शामिल है। एक आईफ्रेम, इसे iframe-win.html पर कॉल करने दें, इस पृष्ठ में एम्बेड किया गया है। iframe-win.html आईडी form-elem और Hello World! के साथ एक फॉर्म तत्व है। अब मैं iframe के अंदर पीछा करता हूँ।

var jQuery = parent.jQuery; 
console.log(jQuery('#form-elem').val()); 

जे एस के अपने सीमित ज्ञान के अनुसार मैं कंसोल पर Hello World! देखना चाहिए, लेकिन इसके बजाय मैं अपरिभाषित देखते हैं। अब, मेरा सवाल है कि मुझे एक आईफ्रेम में फिर से jquery लोड करने की आवश्यकता है या क्या मैं पहले से ही पैरेंट विंडो में लोड की गई jquery ऑब्जेक्ट का उपयोग कर सकता हूं?

ध्यान दें कि यह माता-पिता/iframe से सामान्य पहुंच iframe/मूल सामग्री के रूप में नहीं है।

Answer 1

iframe में यह कोशिश देखें:

if (typeof(jQuery) == "undefined") { 
    var iframeBody = document.getElementsByTagName("body")[0]; 
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); }; 
    var $ = jQuery; 
} 

Answer 2

आपको iframe के अंदर jQuery लोड करने की आवश्यकता है।

संपादित करें: ठीक है, यदि फ्रेम एक ही डोमेन पर नहीं है, तो आप को jQuery को फिर से लोड करना होगा। ,

if (typeof(jQuery) == "undefined") { 
    window.jQuery = function (selector) { return parent.jQuery(selector, document); }; 
    jQuery = parent.$.extend(jQuery, parent.$); 
    window.$ = jQuery; 
} 

तो हम कार्यों $ .Get तरह $ के उपयोग कर सकते हैं: Access jQuery library from iframe

Answer 3

यहाँ एक बेहतर मोइन के उत्तर के आधार पर समाधान है $ .extends, आदि