2009-09-08 16 views
5

Sto provando a mostrare un elemento (che è una tabella, ma lo sto usando come div) quando si fa clic su un pulsante di invio.jQuery hide/show non sembra funzionare - Sto facendo qualcosa di sbagliato

Non sembra funzionare. E non penso che sia a causa del cattivo Karma CSS acquisito usando le tabelle per il layout.

codice è il seguente:

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

Speriamo che sia sufficiente il codice per mostrare ciò che l'errore è (se non mi metterò nel codice per le tabelle così) id del pulsante Submit è: Create- object-btn

+1

Ho capito il problema. Il mostrare e nascondere sta funzionando bene. Ma ciò che accade è che quando si fa clic sul pulsante di invio, la pagina viene ricaricata. Ecco perché non ricevo un errore, ma il pannello creato dall'oggetto viene di nuovo nascosto. Cercherò di scoprire come prevenire la ricarica, ma se lo sai per favore fammi sapere. – Ankur

+0

Stava ricaricando perché avevo il pulsante di invio entro i tag

... un po 'una domanda stupida alla fine, ma grazie per il tuo aiuto +1 per tutte le risposte – Ankur

risposta

1

Perché utilizzare show("") anziché show()?

jQuery documentation on show()

+0

Nessun motivo particolare. È il risultato della copia/incolla, ma ciò non fa realmente la differenza. Ho appena controllato – Ankur

+0

Quali sono le proprietà css applicate al "pannello creato da oggetti"? – Bavo

3

tre fasi:

  1. cercare di cambiare spettacolo ("") per visualizzare()
  2. controllare il lavoro di selezione corretta per esempio no id oggetto 'oggetto creato pannello'
  3. Utilizzare Firebug per rilevare l'errore javascript

http://getfirebug.com/

2

aggiungere il codice "return false;" alla fine della funzione clic per impedire alla pagina di postare nuovamente questa azione.

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