jQuery pokazując div i następnie Znikające

Question

przepraszam z wyprzedzeniem, jeśli jest to proste pytanie, mam ten kod javascript:

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

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

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

Mam przycisk, który wygląda tak:

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

When Klikam przycisk Prześlij Chciałem pokazać wynik div i pozostawić go, ale w Chrome pojawia się on, a następnie natychmiast znika, czy jest to spowodowane funkcją hide() u góry mojego dokumentu?

Dzięki!

Answer 1

... Czy to z powodu funkcji hide() u góry mojego dokumentu gotowego?

Prawdopodobnie. Zgaduję, że strona jest odświeżająca. Jeśli nie chcesz tego, użyj return false; w module obsługi.

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

lub event.preventDefault().

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

Answer 2

miec wyniki początkowo ustawiona na ukryte za pomocą CSS

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

Nie wiem, dlaczego jesteś skakali po drodze należy użyć $ .ajax. Użyj $ .get, jeśli jest to żądanie GET ... Binduj z .live, ponieważ jest lepsze :). Niech to będzie asynchroniczny, ponieważ nie chcesz, aby serwer wisi w przypadku błędu ...

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

Answer 3

Zamiast przedstawienia, użyj tego kodu

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

Teraz nie trzeba return false; lub event.preventDefault(); w twoim javascriptie