$(document).prêt n'est pas de travailler quand j'ai mis la bibliothèque de jquery avant du corps

Il travaille

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>
<button>Toggle between slide up and slide down for a p element</button>

</body>
</html>

Mais quand je bouge

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

Avant <body> balise est qu'il n'est pas de travail, parce que je veux Mettre du JavaScript en bas, mais je ne peux pas mettre le document.partie de prêt après la bibliothèque jquery, quelle sera la solution.

votre code doit fonctionner indépendamment de l'endroit où il est, tant que ça vient après la bibliothèque jquery.
je veux mettre Mettre de JavaScript en bas,mais le document.prêt de la partie est à venir à partir de cms
Je comprends que.. ma question est: pourquoi voulez-vous qu'il en bas?
Dans le cas d'un système CMS, il est généralement préférable de le laisser en haut, à moins que vous construisez dans votre CMS manière à y inclure tous les scripts en bas plutôt que de simplement les bibliothèques.
Alors je crois qu'il est temps de vous intégrer dans votre cms, ou d'expliquer à votre patron les avantages et les inconvénients de le faire.

OriginalL'auteur Parnit Das | 2013-10-11

  1. 2
    <script>
  window.onload = function() {
    $("button").click(function() {
       $("p").slideToggle();
    });
}

</script>
    Merci de vous code de travail, mais toute autre méthode
    Bien sûr, votre script externe, et l'utilisateur de l'attribut defer. notez cependant qu'il ne fonctionne pas dans tous les navigateurs.
    le code ci-dessus est le travail de Mozila ou chrome
    je faisais référence à ton commentaire, pas de cette réponse. Cette réponse fonctionnent dans tous les navigateurs, c'est juste qu'il faudra attendre pour tous les éléments à charge (toutes les images, css feuilles, css, images référencées, etc) avant l'exécution de votre code javascript.

    OriginalL'auteur Nanhe Kumar

  2. 4

    : Votre code DOIT venir après la bibliothèque jquery.

    Deux: Si votre déménagement le code en bas de la page, vous n'avez pas besoin $(document).ready(....

    <!DOCTYPE html>
<html>
<head>
</head>
<body>

<p>This is a paragraph.</p>
<button>Toggle between slide up and slide down for a p element</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$("button").click(function(){
  $("p").slideToggle();
});
</script>
</body>
</html>

    Si vous devez absolument avoir votre page de code spécifique au-dessus de la bibliothèque jquery, vous aurez probablement besoin d'un système de file d'attente de sorte que lorsque jquery est disponible, la file d'attente seront traitées. Ci-dessous est un exemple

    <!DOCTYPE html>
<html>

    <head>
        <!-- this would need to be part of the CMS header -->
        <script>
            window.initQueue = [];
        </script>

        <!-- here's your page specific js -->
        <script>
            window.initQueue.push(function(){
                $("button").click(function() {
                    $("p").slideToggle();
                });
            })
        </script>
    </head>

    <body>
        <p>This is a paragraph.</p>
        <button>Toggle between slide up and slide down for a p element</button>


        <!-- cms footer -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $.each(window.initQueue,function(i,fn){
                fn();
            })
        </script>
    </body>
</html>
    Pourquoi ne peut-OP utilisation window.onload au lieu de document.ready si l'Op veut mettre le script de toute façon.. Mais il n'est pas nécessaire, car il vient après les éléments.
    il peut certainement. je ne sais pas pourquoi vous demandez que.
    J'ai demandé à cause de votre #1
    Vrai, il y a toujours "une autre façon", même si c'est terrible.
    Ouais je veux dire, je ne sais pas pourquoi c'est terrible, mais vous avez un point...

    OriginalL'auteur Kevin B