jQuery che mostra div e poi sparire

Question

mi scuso in anticipo se questa è una domanda semplice, ho questo codice JavaScript:

$(document).ready(function() { 
    $("#results").hide(); 

    var html = $.ajax({ url: "ajax.php?db_list=get", async: false}).responseText; 

    $("#submit").click(function() { 
     $("#results").show(); 
    }); 
}); 

Ho un pulsante che assomiglia a questo:

<fieldset class="action"> 
     <button name="submit" id="submit">Submit</button> 
</fieldset> 

Quando Clicco sul pulsante Invia. Volevo mostrare i risultati div e mantenerli lì, ma in Chrome si apre e poi scompare immediatamente, è questo a causa della funzione hide() nella parte superiore del mio documento pronta?

Grazie!

Answer 1

... è ciò a causa della funzione hide() nella parte superiore del mio documento pronta?

Probabilmente. Sto indovinando che la pagina è rinfrescante. Se non lo desideri, utilizza return false; nel gestore.

$("#submit").click(function() { 
    $("#results").show(); 
    return false; 
}); 

o event.preventDefault().

$("#submit").click(function (event) { 
    $("#results").show(); 
    event.preventDefault(); 
}); 

Answer 2

avere i vostri risultati inizialmente impostato per essere nascosto tramite CSS

/* CSS */ 
#results { 
    display: none; 
} 

Non certo perché si stanno saltando tutto il modo in cui si dovrebbe usare $ .ajax. Usa $ .get se si tratta di una richiesta GET ... Lega con .live perché è meglio :). Avvenga asincrona, perché non si desidera che il server sospeso in caso di errore ...

$(document).ready(function() { 
    $('#submit').live('click', function(){ 
    $.get('ajax.php?db_list=get', function(data){ 
     $('#results').html(data); 
     $('#results').show(); 
     return false; 
    }); 
    }); 
}); 

Answer 3

Invece di presentare, utilizzare questo codice

<input id='submitMe' type = 'button' value = 'Submit Me' /> 

Ora non c'è bisogno di restituisce falso; o event.preventDefault(); nel tuo javascript