मैं बाहरी फ़ाइल कैसे लोड करूं और यह सुनिश्चित कर सकता हूं कि यह जेएसएफडल में पहले चलता है?

Question

मेरे पास एक जेएसफ़िल्ड here है, और माइक्रोसॉफ्ट AJAX को बाहरी जेएस/संसाधन खंड के माध्यम से लोड किया गया है। AJAX फ़ाइल लोड होने के बाद मैं यह कैसे बता सकता हूं कि मेरा जेएस कोड चलाया गया है या नहीं?

लगता है कि AJAX या तो लोड नहीं होता है। :(

यहाँ JSFiddle में कोड है:

Type.registerNamespace("Tutorial.Chapter1"); 
Tutorial.Chapter1.Person = function(firstName, lastName) { 
    this._firstName = firstName; 
    this._lastName = lastName; 
}; 
Tutorial.Chapter1.Person.prototype = { 
     set_firstName: function(value) { 
      this._firstName = value; 
     }, 
     get_firstName: function() { 
      return this._firstName; 
     }, 
     set_lastName: function(value) { 
      this._lastName = value; 
     }, 
     get_lastName: function() { 
      return this._lastName; 
     }, 
     _firstName: "", 
     _lastName: "", 
     displayName: function() { 
      alert("Hi! " + this._firstName + " " + this._lastName); 
     } 
    }; 
Tutorial.Chapter1.Person.registerClass("Tutorial.Chapter1.Person", null); 

Answer 1

ओपन अनुभाग "संसाधन जोड़ें" और अपने बाहरी स्क्रिप्ट का URL जोड़ें ...

Answer 2

बाहरी संसाधन jsFiddle के टैब वर्तमान में है उपयोग करने के लिए कुछ हद तक मुश्किल और अस्थिर। यहां परिभाषित संसाधन अक्सर कोड में सही ढंग से शामिल नहीं होते हैं। जेएस और सीएसएस संसाधनों की स्वत: पहचान के साथ एक समस्या प्रतीत होती है। यदि ऐसा होता है, तो बाहरी संसाधन को बस में जोड़ा नहीं जाता है परिणामस्वरूप कोड का मुख्य भाग। आप परिणाम fr के स्रोत कोड की समीक्षा करके जांच सकते हैं अपने जेएसफ़ील्ड का एमी आप पाएंगे कि आपके एमएस AJAX संसाधन को परिणामी HTML कोड में बस उल्लेख नहीं किया गया है।

सही मान्यता वास्तव में इस तरह संसाधन के URL के एक डमी मूल्य जोड़कर मजबूर किया जा सकता है (देखें ->jsFiddle docs अधिक जानकारी के लिए):

...&dummy=.js 

यहाँ एक उदाहरण बाहरी जोड़ने के बारे में पता चलता है कि है एक jsFiddle को गूगल मैप्स एपीआई संसाधन (मन में डमी पैरामीटर बहुत अंत!):

https://maps.googleapis.com/maps/api/js?sensor=false&dummy=.js 

दुर्भाग्य से यह एमएस AJAX के यूआरएल के रूप में आप के लिए काम नहीं करेगा जब अतिरिक्त पैरामीटर हैं असफल हो जायेगी संलग्न।

<script type='text/javascript' src="http://ajax.aspnetcdn.com/ajax/3.5/MicrosoftAjax.js"></script> 

:

एक समाधान (और वर्तमान में सबसे सुरक्षित तरीका बाह्य संसाधनों लोड करने के लिए) बाहरी संसाधन टैब पूरी तरह से बचने और पहली पंक्ति (रों) jsFiddle के एचटीएमएल विंडो के इस तरह में मैन्युअल रूप से बाहरी कोड को लोड करने के लिए है

यहां आपके जेएसफ़िल्ड को उस विधि का उपयोग करने के लिए संशोधित किया गया है: http://jsfiddle.net/rEzW5/12/

यह वास्तव में बहुत कुछ नहीं करता है (मैंने यह नहीं देखा कि आपके शेष कोड के साथ क्या गलत है), लेकिन कम से कम यह अब जावास्क्रिप्ट त्रुटियों को फेंक नहीं देता है।

Answer 3

@ जेपीएस का दृष्टिकोण अब काम नहीं कर रहा है (मेरे उत्तर के तहत मेरी टिप्पणी देखें)।

मेरे लिए, बाहरी संसाधनों के तहत संसाधन जोड़ने से भी काम नहीं हुआ। (फ़ायरफ़ॉक्स डीबगर के अनुसार, यह संसाधन नहीं मिला)।

एकमात्र तरीका मैं जावास्क्रिप्ट कोड (मेरे मामले jquery.backstretch.js) में काम करने के लिए बाहरी बिट प्राप्त करने में सक्षम था, Google को इसका उपयोग करने के लिए Google का उपयोग करना था जो इस संसाधन (और काम किया), तो फोर्क यह फीडल और एचटीएमएल, सीएसएस और जावास्क्रिप्ट पैनलों में मेरे सभी कोड कॉपी/पेस्ट करें। ओह!

Answer 4

@clayRay, आप बिल्कुल कोड सर्जरी के माध्यम से गए थे। बस का समाधान है कि सादे html में बाहरी स्रोत का उल्लेख कर जो मेरे मामले में

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 

है बाहरी संसाधन टैब के उपयोग में कुछ मदद नहीं की ...