jQuery zeigt, div und dann Verschwinden

Ich entschuldige mich vor der Zeit, wenn es ist eine einfache Frage, ich habe diesen javascript-code:

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

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

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

Habe ich eine Schaltfläche, die aussieht diese:

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

Wenn ich auf den Submit-button, ich wollte zeigen, das Ergebnis-div-Element und müssen es bleiben, aber in Chrome öffnet es sich und dann sofort verschwindet, ist dies, weil die hide () - Funktion an der Spitze von meinem Dokument bereit?

Dank!

InformationsquelleAutor Doug Molineux | 2010-12-31
  1. 16

    ...ist dies, weil die hide () - Funktion an der Spitze von meinem Dokument bereit?

    Wahrscheinlich. Ich vermute, die Seite ist erfrischend. Wenn Sie das nicht wollen, verwenden Sie return false; in der Prozedur.

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

    oder - Ereignis.preventDefault().

    $("#submit").click(function ( event ) { 
    $("#results").show();
    event.preventDefault();
});
    • Ja danke das war das problem, return false behält das div öffnen,
    • Danke, false zurückgeben, hat den trick für mich (meine div zeigen würde, sehr schnell, dann verstecken...ich war mit toggle()). Warum ist das so und warum wird false zurückgeben, dies beheben?
    InformationsquelleAutor user113716
  2. 1

    Haben Ihre Ergebnisse zunächst ausgeblendet werden via CSS

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

    Nicht sicher, warum Sie springen, um die Art und Weise, die Sie verwenden sollten $.ajax. Verwenden Sie $.wenn es eine GET-Anforderung... Binden Sie mit .Leben, weil es besser :). Lass es sein, async, weil Sie nicht möchten, dass Ihr server hängt im Fall eines Fehlers...

    $(document).ready(function() {
  $('#submit').live('click', function(){
    $.get('ajax.php?db_list=get', function(data){
      $('#results').html(data);
      $('#results').show();
      return false;
    });
  });
});
    • Das ist wirklich keine situation, wo .live() verwendet werden soll. Für eine einzige Prozedur, die auf einem einzelnen element, das verfügbar ist auf der Seite geladen ist, sollten Sie binden direkt.
    • die Art, wie ich Lesen der Frage dachte ich, er war das laden dieser Inhalte auf einer anderen Seite per ajax in dem Fall .live ist die necessay
    • Ah, sehe ich jetzt. Ich persönlich würde immer noch nicht verwenden live() in dieser situation, aber es wäre ein Ansatz. Deine Antwort macht mehr Sinn für mich jetzt. :o)
    InformationsquelleAutor sethvargo
  3. -1

    Anstelle von senden, verwenden Sie diesen code

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

    Jetzt müssen Sie nicht haben, um
    return false;
    oder
    event.preventDefault(); im javascript -

    • Übrigens <input type="button"> "abgelöst wurde in HTML5 durch die <button> element." -MDN
    InformationsquelleAutor Nitin Hurkadli
Schreibe einen Kommentar