2009-09-08 10 views
5

Estoy intentando mostrar un elemento (que es una tabla, pero lo estoy usando como div) cuando se hace clic en un botón de enviar.jQuery ocultar/mostrar no parece funcionar: ¿estoy haciendo algo mal?

Parece que no funciona. Y no creo que sea por el mal CSS que Karma adquirió al usar tablas para el diseño.

Código es el siguiente:

$(document).ready(function() { 
    $("#object-created-panel").hide();      
    $("#create-object-btn").click(
    function() { 
     $("#object-created-panel").show(""); 
     } 
    );  
}); 

Esperemos que sea suficiente código para mostrar lo que es el error (si no voy a poner en el código para las mesas, así) Identificación del botón de envío: Create- object-btn

+1

He resuelto el problema. La demostración y la ocultación está funcionando bien. Pero lo que sucede es que cuando se hace clic en el botón Enviar, la página se vuelve a cargar. Por eso no recibo un error, pero el panel creado por el objeto se oculta de nuevo. Trataré de encontrar cómo prevenir la recarga, pero si sabes, házmelo saber. – Ankur

+0

Se estaba recargando porque tenía el botón de enviar dentro de las etiquetas

... una especie de pregunta tonta al final, pero gracias por su ayuda +1 por todas las respuestas – Ankur

Respuesta

1

¿Por qué usa show("") en lugar de show()?

jQuery documentation on show()

+0

Sin motivo en particular. Es el resultado de copiar/pegar, pero eso en realidad no hace la diferencia. Solo lo revisé. – Ankur

+0

¿Cuáles son las propiedades css aplicadas en el 'panel creado por objeto'? – Bavo

3

tres pasos:

  1. tratar de cambiar espectáculo ("") para mostrar()
  2. verificar el trabajo de selección correcta, por ejemplo, Sin ID de objeto 'creado a objetos del panel'
  3. uso de Firebug para detectar el error de JavaScript

http://getfirebug.com/

2

Agregue el código "return false;" al final de la función de hacer clic para evitar que la página vuelva a publicarse en esta acción.

$(document).ready(function() { 
    $("#object-created-panel").hide();           
    $("#create-object-btn").click(
     function() { 
      $("#object-created-panel").show(""); 
      return false; 
     } 
    );   
}); 
Cuestiones relacionadas