2010-07-08 3 views
0

J'ai écrit ce code sur mon serveur local (Installé Apache 2 sur mon Mac avec MacPorts) mais il n'a pas été exécuté.jQuery ne fonctionne pas sur mon serveur local

JavasSript est actif sur Safari ou Firefox, mais il ne fonctionne pas sur ceux-ci. Ce code est-il pire? Ou je peux essayer d'une autre façon? S'il vous plaît aider.

<html> 
<head> 
    <title> jquery test </title> 
    <script src="http://www.google.com/jsapi"></script> 
    <script> 
    // Load jQuery 
    google.load("jquery", "1"); 
    </script> 

    <script type="text/javascript"> 
    JQuery(function($){ 
    var $curr = $(".sel"); 
    $("button").click(function(){ 
     $curr.removeClass("sel"); 
     $curr.$curr.prev().addClass("sel") 
    }); 
    }); 
    </script> 
    <style type="text/css"> 
    span { padding :8px;} 
    .sel { border :orange solid 4px;} 
    </style> 
     </head> 
     <body> 
    <p> 
    <span>1</span> 
    <span>2</span> 
    <span class="sel">3</span> 
    <span>4</span> 
    <span>5</span> 
    <button>click</button> 
    </p> 
</body> 
</html> 

Répondre

4

Il devrait être jQuery au lieu de JQuery, vous obtiendrez une erreur JavaScript appelant une variable qui n'existe pas :)

Aussi cela a un supplément $curr:

$curr.$curr.prev().addClass("sel") 

Il devrait simplement être:

$curr.prev().addClass("sel") 

You can see a version with both of these fixes here


Si vous voulez toujours revenir un, vous devez déplacer votre sélecteur à l'intérieur du clic, au lieu de se référer toujours à l'élément d'origine qui avait class="sel", comme ceci:

jQuery(function($){ 
    $("button").click(function(){ 
    $(".sel").removeClass("sel").prev().addClass("sel"); 
    }); 
});​ 

You can test it here

+0

Nous vous remercions de vos conseils! Ça marche! J'ai confondu le sort "jQuery". Et jsfiddle est cool. – Shunter1112

0

Pour vous aider à déboguer, safari et firefox ont des erreurs de javascript/des journaux de sortie. Sur firefox appuyez sur le contrôle j pour ouvrir la console, vous pouvez voir ce qui s'est mal passé.

+0

merci pour votre aide. Je veux aussi du débogage sympa avec js, mais je ne l'ai pas fait. génial! – Shunter1112

Questions connexes