2013-02-25 3 views
3

Le code suivant fonctionne sur jsfiddle mais ne fonctionne pas sur localhost, pouvez-vous m'aider s'il vous plait?La fonction Jquery .change() ne fonctionne pas sur localhost

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script> 
     $('.puankontrol').change(function() { 
      var x = $(this).val() * 1; 
      if((x < 1) || (x > 5)) 
      { 
       $(this).val(3); 
       alert("Please enter value between 1-5!"); 
      } 
     }); 
    </script> 
</head> 
<body> 

    <form> 
     <input class="puankontrol" type="text" name="puan"/><BR> 
     <input class="puankontrol" type="text" name="puan"/><BR> 
     <input class="puankontrol" type="text" name="puan"/><BR> 
    </form> 
    <div id="other"> 
     Trigger the handler 
    </div> 

</body> 
</html> 

`

+0

Je pense que c'est un conflit en classe. Donner des identifiants différents à la balise d'entrée. – Sarang

Répondre

7

Essayez

$(document).ready(function(){ 
    //change function declaration. 
}); 

utilisent également <script type="text/javascript"> pour ajouter tag script.

+0

merci beaucoup pour la réponse. Après que j'ai posté j'ai essayé $ (document). Ready déclaration et cela a fonctionné. – sdiri

+0

@sdiri toujours bienvenue mec .. vous devriez accepter cette réponse ... lol ... :) déjà donné +1 pour la question mec .. –

+1

+1 de moi. Pour ajouter à la réponse de Dipshe. Sur JSFiddle.net, il enveloppe automatiquement votre code avec "onLoad" par défaut (vous pouvez le voir dans la liste déroulante ci-dessous "choose framework"). Donc probablement pourquoi ça marche sur jsfliddle et pas localement. –

0

Chaque fois que vous voulez écrire un code jQuery, vous devez ajouter ce code dans

$(document).ready(function(){}); 

jQuery appelle cette méthode rappel une fois tous les éléments des documents sont chargés. et il confirme que tous les éléments auxquels nous accédons sont chargés.

Questions connexes