jQuery mostrando div y luego desaparecer

Question

me disculpo de antemano si se trata de una simple pregunta, tengo este código javascript:

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

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

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

Tengo un botón que se parece esto:

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

Cuando Hago clic en el botón Enviar. Quería mostrar los resultados div y mantenerlos allí, pero en Chrome aparece y luego desaparece de inmediato, ¿esto se debe a la función hide() en la parte superior de mi documento?

Gracias!

Answer 1

... ¿es esto debido a la función hide() en la parte superior de mi documento listo?

Probably. Supongo que la página es refrescante. Si no lo desea, use return false; en el controlador.

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

o event.preventDefault().

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

Answer 2

¿Sus resultados inicialmente establecido que se oculta a través de CSS

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

No sé por qué usted está saltando en torno a la forma en que debe utilizar $ .ajax. Use $ .get si es una solicitud GET ... Enlace con .live porque es mejor :). Que sea asíncrona, ya que no desea que el servidor colgando en caso de un error ...

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

Answer 3

En lugar de enviar, utilizar este código

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

Ahora usted no tiene que falso retorno; o event.preventDefault(); en su javascript