javascript - pagina - ¿Cómo puedo cargar un archivo externo y asegurarme de que se ejecute primero en JSFiddle?

llamar javascript desde html

Question

Tengo un JsFiddle here y agregué Microsoft AJAX para cargarlo a través de la sección JS / recurso externa. ¿Cómo puedo saber si mi código JS se ejecuta después de que el archivo AJAX haya terminado de cargarse?

Parece que el AJAX tampoco se carga. :(

Aquí está el código en el 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

@clayRay, absolutamente pasaste por una cirugía de código. Solo resolví eso mencionando una fuente externa en HTML simple que en mi caso es

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

Usar la pestaña de Recursos Externos no ayudó un poco ...

Answer 2

Abra la sección "Agregar recursos" y agregue la URL de su script externo ...

Answer 3

El enfoque de @ Jpsy ya no parece funcionar (vea mi comentario en su respuesta).

Para mí, agregar el recurso en Recursos externos tampoco funcionó. (Según el Depurador de Firefox, no pudo encontrar el recurso).

La única forma en que pude obtener un bit externo de código JavaScript (en mi caso jquery.backstretch.js) para trabajar, fue usar Google para encontrar un Fiddle que usó este recurso (y funcionó), luego forzar este Fiddle y copiar / pegar todo mi código en los paneles HTML, CSS y JavaScript. Ugh!

Answer 4

La pestaña de Recursos externos de jsFiddle es actualmente un tanto difícil e inestable de usar. Los recursos definidos aquí a menudo no se incluyen correctamente en el código. Parece que hay un problema con el reconocimiento automático de los recursos JS y CSS. Si esto sucede, el recurso externo simplemente no se agrega a la sección principal del código resultante. Puede verificarlo revisando el código fuente del cuadro de resultados de su jsFiddle. Encontrará que su recurso MS AJAX simplemente NO se menciona en el código HTML resultante.

El reconocimiento correcto puede realmente forzarse agregando un valor ficticio a la URL del recurso de esta manera (vea -> documentos de jsFiddle para obtener más información):

...&dummy=.js

Aquí hay un ejemplo que muestra cómo agregar el recurso externo de la API de Google Maps a un jsFiddle (¡tenga en cuenta el parámetro ficticio al final!):

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

Desafortunadamente, esto no funcionará para usted ya que la URL de MS AJAX fallará cuando se agreguen parámetros adicionales.

Una solución (y actualmente la forma más segura de cargar recursos externos) es evitar por completo la pestaña Recursos externos y cargar el código externo manualmente en la primera (s) línea (s) de la ventana HTML de jsFiddle como esta:

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

Aquí está su jsFiddle modificado para usar ese método: http://jsfiddle.net/rEzW5/12/

En realidad no hace mucho (no verifiqué lo que está mal con el resto de su código), pero al menos ya no produce errores de JavaScript.