jQuery enviar no funciona en Opera

Question

Tengo un formulario simple que se puede enviar fuera del elemento a través de un pequeño jQuery Script.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#mybutton').click(function(){ 
      $('#myform').attr('action', '/url/to/form').submit(); 
     }); 
    }); 
</script> 

El botón es sólo un enlace normal

<a href="javascript:void(0);" id="mybutton">Just a normal link</a> 

La forma es sólo una forma normal

<form id="myform" action="/url/to/form"> 
    .... 
    <input type="submit" value="Search"> 
</form> 

Esto funciona bien en IE, FF, Chrome y Safari, pero no para Ópera. En Opera siempre redirige a mi página de inicio, no a la url de la acción de formulario. Intenté configurar la acción en el script (como se muestra arriba) y normalmente dentro del parámetro de acción de formulario, pero sin suerte. Estoy ejecutando el último jQuery y Opera.

Por favor, ayuda

Editar: También estoy usando el marco jQuery UI para manejar algunos de los contenidos y las interacciones

Answer 1

Creo que tendrá algo que ver con, con la clase de selección de jquery ui actualmente incompleta. Agrega una etiqueta con un href como #. Creo que este puede ser tu problema.

Answer 2

primero que quiero hacer es cambiar el controlador para evitar que la acción predeterminada para el enlace :

$('#mybutton').click(function(ev){ 
     ev.preventDefault(); 
     $('#myform').attr('action', '/url/to/form').submit(); 
    }); 

Usando <a> etiquetas para los botones significa que usted tiene que tener cuidado de que el navegador no se confunda sobre la semántica. No tengo mucha experiencia depurando cosas en Opera, pero eso es lo primero que sospecho.

Si no hay un "href" real asociado con el "botón", me preguntaría por qué es una etiqueta <a> en absoluto; podría ser simplemente un simple <span>, que también puede tener un controlador de clic conectado pero que no tiene ningún comportamiento nativo potencialmente problemático.

Answer 3

Intentar apenas $('#myform').submit(); en lugar de $('#myform').attr('action', '/url/to/form').submit();

Edit: Como dijo la otra respuesta, primero tendrá que llamar event.preventDefault(); antes de hacer cualquier cosa en el evento click, como que evita que el navegador los redireccionamientos.

Edit2: El código correcto sería:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#mybutton').click(function(event){ 
     event.preventDefault(); 
     $('#myform').attr('action', '/url/to/form').submit(); 
    }); 
}); 

Esto debería funcionar bien.