jQuery no funciona en JavaScript externo

Question

Soy nuevo en jQuery y estoy atascado en algún extraño problema. Estoy usando los métodos de jQuery change y click. Están funcionando bien cuando se usan en mi archivo HTML en la etiqueta <script>.

igual:

<script> 
    $("select,input").change(function() 
    { 
     // My code and some alerts 
    }); 
</script> 

Cuando he copiado la misma en el código JavaScript externo sin <script> e importados que en mi HTML no fue en absoluto trabajando.

¿Hay algún cambio que se necesite para usar jQuery en el código JavaScript externo?

PD: Algunas otras funciones no jQuery presentes en el mismo código JavaScript externo se llaman con éxito desde HTML.

Answer 1

En primer lugar, usted no quiere un guión <> en un archivo JavaScript externo, si eso es lo que soy leyendo tu publicación

El truco con jQuery es que su código está configurado para ejecutarse inmediatamente.

desea ceñir la secuencia de comandos para que se cargue cuando el documento está listo, en algo así como:

$(document).ready(function(){ 
    $("select,input").change(function() 
    { 
     // My code and some alerts 
    }) 
}); 

Y desea asegurarse de que el archivo se carga después de jQuery (de lo contrario el $ global no se establecerá).

---

Adiciones:

Esto es lo que el código HTML debe ser similar:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script type="text/javascript" src="jscript/myExternalJs.js"></script> 

Esto es lo que el código JavaScript debe ser similar (tenga en cuenta que no hay etiqueta de script en el archivo JavaScript) :

$(document).ready(function(){ 
    $("select,input").change(function() 
    { 
     // My code and some alerts 
    }) 
    // Other event handlers. 
}); 

En cuanto a su otra secuencia de comandos ... en cierto modo depende de lo que está haciendo. Lo más importante es no intentar vincular a los oyentes de eventos con objetos que aún no existen, por lo que usamos document.ready.