Jquery .on() no funciona

Question

Tengo el siguiente:

<input type="submit" id="submit" value="Submit" /> 

Dentro de jQuery tengo a mano la siguiente:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#submit").on("click", function() { 
     alert('test'); 
    }); 
}); 
</script> 

Esto no funciona. Estoy usando IE9.

¿Alguien podría saber qué versión de Jquery es compatible con .on()?

Answer 1

Utilice esta versión de on

$(function(){ 
    $(document).on("click","#submit", function (e) { 
    //e.preventDefault(); // if you want to prevent default form submission 
    alert('test'); 
    }); 
}); 

Answer 2

Asegúrese de cargar jQuery.js luego tratar:

$("#submit").click(function(){ 
    alert("test"); 
}) 

Answer 3

suplentes Pruebe lo siguiente:

$('#submit').bind('click', function() { 
    alert('Test'); 
}); 

O

$("#submit").click(function(){ 
    alert("Test"); 
}); 

Answer 4

IE no funciona bien cuando se utilizan nombres 'reservados' como ID del elemento.

Ver el violín, el código funciona muy bien si cambia el ID de la entrada a algo diferente a '#submit'

http://jsfiddle.net/6yAuz/3/

Answer 5

Asegúrese de que el elemento de 'enviar' se está refiriendo a la realidad existe en la carga del documento. Si lo está creando dinámicamente, la función 'on' no tendrá nada para vincularlo.

Answer 6

Me encontré con esto al utilizar IE9 en modo de compatibilidad. Tenga en cuenta que no tuve ningún problema al usar IE9 en modo normal.

Pude hacer un control de calidad más completo para un sitio que acabo de lanzar (el tiempo no permitía muchas pruebas entre navegadores más allá de usar un servicio de captura de pantalla). Cambiando $ ("algo"). On ("click" ...) a $ ("algo"). Click() solucionó el problema.