jQuery montrant div et de Disparaître ensuite

Je m'excuse à l'avance si c'est une simple question, j'ai ce code javascript:

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

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

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

J'ai un bouton qui ressemble à ceci:

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

Quand je clique sur le bouton "Soumettre" j'ai voulu montrer les résultats de la div et ont-il rester là, mais dans Chrome, il apparaît puis disparaît immédiatement, est-ce à cause de la masquer() de la fonction en haut de mon document prêt?

Merci!

OriginalL'auteur Doug Molineux | 2010-12-31

16

...est-ce à cause de la masquer() de la fonction en haut de mon document prêt?

Probablement. Je devine que la page est rafraîchissant. Si vous ne voulez pas cela, utilisez return false; dans le gestionnaire.
```
$("#submit").click(function () { 
    $("#results").show();
    return false; 
});
```
ou événement.preventDefault().
```
$("#submit").click(function ( event ) { 
    $("#results").show();
    event.preventDefault();
});
```
Yep merci c'était le problème, return false garde la div ouvert,
Merci, return false a fait le tour pour moi (ma div ne montrent très rapidement, puis se cacher...j'ai été en utilisant toggle()). Pourquoi est-ce et pourquoi ne return false résoudre ce problème?

OriginalL'auteur user113716
1

Avoir vos résultats initialement configurés pour être caché via CSS
```
/* CSS */
#results {
  display: none;
}
```
Ne savez pas pourquoi vous êtes en sautant autour de la façon dont vous devriez utiliser $.ajax. Utiliser $.si c'est une requête GET... se Lier avec .vivre à cause de son mieux :). Laisser async parce que vous ne voulez pas que votre serveur suspendu en cas d'une erreur...
```
$(document).ready(function() {
  $('#submit').live('click', function(){
    $.get('ajax.php?db_list=get', function(data){
      $('#results').html(data);
      $('#results').show();
      return false;
    });
  });
});
```
Ce n'est vraiment pas une situation où .live() doit être utilisé. Pour un seul conducteur, sur un seul élément qui est disponible sur le chargement de la page, vous devez lier directement.
la façon dont j'ai lu la question, je pensais qu'il était en train de charger ce contenu sur une autre page via ajax, dans ce cas .vivre est nécessaire
Ah, je vois maintenant. Personnellement, j'ai toujours ne pas utiliser de live() dans cette situation, mais ce serait une autre approche. Votre réponse plus de sens pour moi maintenant. :o)

OriginalL'auteur sethvargo
-1

Au lieu de soumettre, utilisez ce code
```
<input id='submitMe' type = 'button' value = 'Submit Me' />
```
Maintenant, vous n'avez pas à
return false;
ou
de l'événement.preventDefault(); dans l'option javascript de votre

D'ailleurs, <input type="button"> "a été remplacée en HTML5 par le <button> élément." -SOCIÉTÉ

OriginalL'auteur Nitin Hurkadli

Vous devez vous connecter pour publier un commentaire.