script jQuery ne fonctionne pas lors de l'affichage de la page sur localhost

Je viens juste de commencer à jouer sur un Mac pour la première fois et j'ai créé une très simple page HTML qui utilise jQuery pour faire un texte simple swap lorsqu'une balise h1 est cliqué.

Lorsque je n'ai pas l'affichage de la page par le serveur web et il suffit de l'ouvrir directement dans Safari (file:///Applications/xampp/xamppfiles/htdocs/test/mypage.html), il fonctionne comme prévu. Cependant, lorsque j'essaie de visualiser grâce à Apache (http://localhost/test/mypage.html) ça ne fonctionne pas.

Voici le code:

<html>  
    <head>  
        <title>My Awesome Page</title>  
        <script type="text/javascript" src="jquery.js"></script>  
        <script type="text/javascript" charset="utf-8">  
            function sayHello()  
            {   $('#foo').text('Hi there!');  
            }  
        </script>  
    </head>  
    <body>  
        <h1 id="foo" onclick="sayHello()">Click me!</h1>  
    </body>  
</html>

Suis-je raté quelque chose sur le Mac? Ne serait pas une configuration d'Apache depuis son code côté client..?

Je devrais aussi mentionner que j'ai chargé de XAMPP pour exécuter Apache et MySQL. J'ai testé Apache pour s'assurer de son travail à l'aide d'un simple fichier PHP.

Steve

OriginalL'auteur Steve Stepp | 2010-01-30

  1. 3

    Utiliser Firebug et accéder à la page. L'une des choses que peut-être un coupable, c'est que le serveur web ne peut pas ouvrir jquery.js fichier en raison de l'autorisation de fichier. Firebug indique si le jquery est chargé dans la page, vous pouvez même ajouter le jQuery, le code à la volée dans l'onglet Console.

    Si vous accéder à l'aide de Safari, utilisez l'Inspecteur Web, et voir si une erreur a montré dans l'onglet Console.

    Une dernière chose, prenez l'habitude d'éviter onclick, faire ceci à la place:

    <script type="text/javascript" charset="utf-8">
  function sayHello()
  {
    $('#foo').text('Hi there!');  
  }
  //wait DOM loaded
  jQuery(function($){
    $('#foo').click(function(){
      sayHello();
    });  
  });
</script>

    Aussi, il est préférable de mettre le code js près de la fin de page, avant </body>, il ne serait pas bloquer simultanées élément de la page de chargement.

    L'Inspecteur Web de Safari aidé un tas. Il a ÉTÉ autorisations de fichier sur le jquery.js fichier. Les autres fichiers dans le dossier avaient un mode de 644 et groupe d'admin donc j'ai couru à la suite de commandes dans un terminal et cela a fonctionné comme un champion. "chmod 644 jquery.js" et "chgrp admin jquery.js"

    OriginalL'auteur Donny Kurnia