jQuery animer sur le contenu Wordpress

J'ai essayé de faire en sorte que lorsque vous cliquez sur l'image miniature d'un message, le contenu est animé vers le bas dans un div. Si vous cliquez sur une autre div, le contenu s'anime, puis redescend avec le nouveau contenu. Le contenu doit être affiché dans le div theContainer.jQuery animer sur le contenu Wordpress

Actuellement, il ne fait rien, mais je suis à peu près sûr qu'il est proche juste fait une erreur stupide quelque part que je n'ai pas vu.

en direct: http://www.mathewhood.com/sitefiles jsFiddle: http://jsfiddle.net/YpHCq/

N.B. <?php the_post_thumbnail(); ?> - Affiche la vignette postale (définie lors de la création du poste dans WP) <?php the_title(); ?> - Affiche le titre du poste <?php the_content(); ?> - Affiche le contenu du poste

Source

2011-08-17 Mathew Hood

Vous ne pouvez pas exécuter le contenu '' php'' sur jsfiddle! Est-ce juste de dire où êtes-vous coincé, personne ne veut up-votes pour rien ... Je pense que vous devriez être pénalisé seulement pour avoir pensé à cela! Peut-être que vous pouvez définir une prime ... pensez à vos options la prochaine fois! –

Il était plus juste de montrer comment la boucle fonctionnait, plutôt que d'afficher le html droit et ensuite les gens ne comprennent pas les choses auxquelles je faisais référence etc. Je sais juste que beaucoup de gens ici ne sont là que pour les upvotes, et s'ils m'aident sur mon chemin, je suis plus qu'heureux de leur donner. Je ne disais pas que je les donnerais à quelqu'un haha. Mon problème est d'obtenir le contenu à afficher et le jQuery pour l'animer. –

peut-être qu'ils sont là pour les upvotes, pour moi stackoverflow est un autre livre PHP, Javascript, HTML! J'apprends chaque jour à partir de mes réponses et des réponses des autres. –

C'est une chose très simple à faire, en utilisant le jQuery suivant comme début:

$(thumb-nail).click(function(){ 
    $('.down').slideUp("fast").removeClass('down'); 
    $(this).parent().find(stuff-to-hide).slideDown("fast").addClass('down'); 
});

Vérifiez mon exemple travailler ici - http://jsfiddle.net/ajthomascouk/byWwk/

Source

2011-08-17 08:08:42 Alex

Ce n'est pas tout à fait ce que je veux. Je voudrais que le contenu apparaisse ci-dessus dans le div theContent comme je l'ai dit :) Aussi, il doit être compatible avec la boucle de contenu wordpress. –

Ceci serait compatible avec la boucle wordpress, il vous suffira de l'ajuster pour utiliser les id/classes correctes. Cela visait à être un pas dans la bonne direction et non la réponse définitive. – Alex

Essayez de commenter les morceaux de php qui sont contenus dans votre jQuery comme ils semblent être ce qui cause la page ru n incorrectement. Je voudrais aussi changer le nom de la variable de $ conteneur à quelque chose de plus distinctif.

Source

2011-08-17 08:18:39

jQuery animer sur le contenu Wordpress

Répondre

Questions connexes