2010-05-11 1 views
0

Hé les gars, une autre question. J'essaye de faire quelques trucs basiques de jQuery pour mon projet final. Je vais l'utiliser pour modifier mon site déjà existant créé dans Dreamweaver il y a quelques mois. Cependant, peu importe la façon dont j'achète le framework, cela ne tient pas compte du fait que j'héberge ma propre copie ou un lien vers quelqu'un d'autre comme Google.Essayer d'obtenir des animations jquery simples sur un site que j'ai créé dans Dreamweaver

J'inclus mes appels de fonction jQuery dans mon fichier .js déjà existant qui inclut des fonctions générées automatiquement. J'ai aussi essayé de créer un nouveau .js spécifiquement pour mes fonctions jQuery et toujours rien.

Je réalise que c'est vague, mais des conseils? Ai-je besoin d'un autre framework pour que jQuery fonctionne pour faire des animations comme

.fadeIn() ou .slideDown()?

Merci les gars et les filles!

+0

vous appelez les méthodes .fadeIn et .slideDown après le document est prêt? – scunliffe

Répondre

0

Juste jQuery fonctionnera pour cela, mais vous devez vous assurer que vous appelez les fonctions sur document.ready, comme ceci:

$(function() { //or $(document).ready(function() { 
    $("#myID").fadeIn(); 
}); 

D'une manière générale, vous devez envelopper tout votre démarrage/code de liaison dans un document.ready comme ci-dessus, vous pouvez coller tout ce dont vous avez besoin dans cette enveloppe.

Si vous avez juste $("#myID").fadeIn(); et qu'il n'est pas au fond de votre corps, alors il est probablement en cours d'exécution avant que l'élément existe, de sorte que le sélecteur ne trouve pas réellement l'élément ... donc rien à fondre. Vous pouvez voir ce comportement en plaçant ce là où votre code est actuellement:

alert("#myID count: " + $("#myID").length); //probably alerts 0 currently 

Si ce n'est pas la question ... consultez votre console pour les erreurs javascript :)

+0

Désolé, je suis nouveau à jQuery. Donc, je dois inclure document.ready dans mon fichier html au bas du corps pour que n'importe quelle fonction fonctionne dans mon fichier .js? – JoeOzz

+0

@Joe - Vous avez 2 options, vous pouvez déplacer le fichier à la fin du corps, ** ou ** mieux, tout ce que vous devez faire est d'envelopper vos appels dans le document.ready' dans votre fichier externe, puis il Peu importe où dans la page il est inclus. Donc, pour l'essentiel, enroulez tout votre code init jQuery dans un '$ (function() {})' dans ce fichier externe. –

+0

D'accord, tant que je référence les div ids comme suit: $ (document) .ready (function() { $ ("# header"). FadeIn(); }); Je ne devrais pas avoir à inclure quoi que ce soit dans mon fichier html en dehors de lier mes deux fichiers .js? De cette façon, je peux simplement faire un code, référençant les divs que je veux animer? Ou, ai-je encore besoin d'un simple document.ready dans mon HTML comme je le ferais en utilisant javascript standard avec window.onload? – JoeOzz

Questions connexes