Jquery/Js pas en phase avec les événements C#

Question

J'ai un < div> dans ma page aspx qui a des messages de notification (comme les messages de réussite ou d'erreur)

Il y a aussi un bouton qui fait un travail sur le serveur . à la fin, je suis en train de peupler un petit asp: répéteur à l'intérieur de ce div, et en appelant une fonction javascript qui glisse vers le bas de la div. Théoriquement, lorsque vous cliquez sur le bouton, le répéteur doit être rempli, et puisque JS est côté client, après que le serveur a fait tout son truc, et à la fin de la publication partielle/pageload, le js devrait déclencher et faire glisser le div vers le bas.

Mais dans la réalité, la div apparaît tout à coup ... elle ne glisse pas du tout doucement. Est-ce que je manque quelque chose?

la façon dont je fais appel js à partir du code C# est comme ceci:

ClientScript.RegisterStartupScript(typeof(Page), "showRQ", "<script language='javascript'> ShowRQ();</script>"); 

et showRQ est une fonction avec une définition simple:

function ShowRQ() { 
      $('.divRQ').slideDown(); 
      $('.txtExtraInfo').focus(); 
     } 

la chose est plus étrange, le texte n'est pas être concentré aussi! J'ai ajouté une alerte juste pour m'assurer que la fonction est appelée, et c'est le cas. en fait, le divRQ est réglé pour afficher: none donc si c'est visible, c'est à cause du slideDown(), mais ça ne glisse pas vers le bas ... que dois-je faire pour le faire glisser vers le bas?

Merci!

Answer 1

Votre fonction est appelée avant le chargement de la page.
Par conséquent, vos deux sélecteurs ne correspondent à aucun élément et la fonction ne fera rien.

Pour résoudre ce problème, vous pouvez exécuter la fonction après la page se termine le chargement, comme ceci:

<script language='javascript'> $(ShowRQ);</script> 

Depuis ShowRQ est une fonction, cela équivaut à $(function() { ... }).