ne peut pas utiliser jquery

Je viens de commencer à travailler en utilisant jquery. i téléchargé jquery "http://code.jquery.com/jquery-1.4.2.min.js" de jquery.com..accessed dans mon fichier html ..ne peut pas utiliser jquery

<html> 
<head> 
<title> Jquery fundentals</title> 
<script src="jquery-1.4.2.min.js" type="text/javascript"></script> 
<style type="text/css"> 
#box{ 
    background: red; 
    width: 300px; 
    height: 300px; 
} 
</style> 
<script type="text/javascript"> 
$(function(){ 
    $('a').click(function(){ 
     $('box').fadeOut(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div id="box"> </div> 
    <a href="#"> Click Me! </a> 

    </body> 
</html>

ne peut toujours pas voir l'effet dans le navigateur?

a également essayé "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ... mais aucune utilisation quelqu'un peut-il expliquer le problème? j'ai essayé dans trois navigateurs. Google Chrome, Mozilla et Internet Explorer.

Source

2010-07-01 devang

Il vous manque un peu de code dans votre message. – spinon

$('a').click(function(){ 
    $('#box').fadeOut(); // # means id... 
    return false; // prevent jumping to another page... 
});

Source

2010-07-01 09:36:25 Reigel

$('box').fadeOut();

a besoin d'être

$('#box').fadeOut();

parce que vous parlez de l'élément avec la boîte d'identification. c'est juste comme CSS.

En aparté, vous pouvez également ajouter ce

return false;

après cette ligne (pour empêcher le navigateur suivant l'attribut href de l'vous en cliquant sur qui dans ce cas est « # » - qui, si la page a été défiler vers le bas, amèneraient pour faire défiler vers le haut)

Source

2010-07-01 09:36:39

Confirmant - essayé ceci et fonctionne. – Piskvor

Je pense que firebug est votre meilleur ami formulaire maintenant :)

Vérifiez d'abord si jquery est correctement chargé. Vous pouvez le faire en utilisant par exemple cette méthode:

$(document).ready(function() { 
     alert('hi'); 
    });

Utilisez ensuite certains des sélecteurs ci-dessus.

Source

2010-07-01 09:39:12

utilisez-vous Mootools également dans votre project.If oui utilisez

var $jq=jQuery.noConflict();

puis utilisez JQ de $ à la place de $ .Je pense que ce travail maintenant.

ou u peut utiliser ..

$(function(){ 
    $('a').click(function(){ 
     $('#box').fadeOut(); 
    }); 
});

Source

2010-07-01 09:43:17

hey bhanu, mon erreur était que je n'avais pas utilisé #, avant la boîte! – devang

changer votre javascript comme ceci:

$(function(){ 
    $('a').click(function(){ 
     $('#box').fadeOut(); 
    }); 
});

note le # dans le second sélecteur. il est utilisé pour trouver des éléments par id.

Example

Source

2010-07-01 09:48:16 jigfox

merci Jens, j'ai changé et il a commencé à travailler .. !! – devang

de rien. Vous devriez augmenter et/ou accepter la (les) réponse (s) qui vous a aidé à résoudre votre problème – jigfox

ne peut pas utiliser jquery

Répondre

Questions connexes