jquery
  • input
  • onclick
  • 2011-04-17 22 views 8 likes 
    8

    Parece que no funciona. Cualquier ayuda sería genial. Soy un principiante con jquery.jQuery onClick evento

    $('#add_button').click(function() { 
        $("#add_button").hide(); 
    }); 
    

    Aquí está el código HTML

    <input id='add_button' type='submit' class='add_now' value='' /> 
    

    parece bastante simple, pero al hacer clic en la entrada no hace nada. ¿Hay un método diferente para orientar las entradas? Gracias.

    +0

    Parece que su forma está descargando actualmente a la misma página. Suponiendo que nunca intentará enviar el formulario de esta manera, puede usar type = 'button', en lugar de submit. –

    +0

    Huh, aún no tuve suerte con este método. Lo cambié a un tipo de botón. Esto no está dentro de una etiqueta

    . ¿Esto cambia algo? Simplemente lo hice una entrada debido a cómo se manejará más tarde. –

    Respuesta

    17

    asegúrese de incluir jQuery antes de su guión:

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    

    y poner el código dentro de una función documento listo:

    $(document).ready(function() { 
        $('#add_button').click(function() { 
         $("#add_button").hide(); 
        }); 
    }); 
    
    +0

    Ambos ya están en su lugar. ¡Gracias! –

    +0

    ya sabes qué ... ¡Mi función estaba cerrada desde la función de documentación lista arriba! Gracias, de lo contrario no me habría dado cuenta. –

    0

    Devuelva false desde su función.

    1

    Debe agregar return false; para evitar la acción predeterminada del navegador.

    +0

    Esto no parece hacer la diferencia. ¿Podrías mostrarme un ejemplo? –

    +0

    ** [Pruebe esto] (http://jsfiddle.net/9J6kd/) ** – qwertymk

    0

    El problema podría ser que su jQuery está por encima de la forma. Intenta moverlo debajo de tu HTML.

    Cuestiones relacionadas