Bonjours, j'ai essayé par plusieurs moyen mais rien à faire !
Je trouve nul par comment insérer une variable dans un selecteur jquery
j'explique :
var num = "<?php the_ID(); ?>"; //Je déclare ma variable
jQuery(document).ready(
function() {
$(".date").hide();
$("#billet-("+num+")").hover( // Et a plusieurs endroit je veut appeler la varaible
function() {
$("#date-("+num+")").fadeIn("slow");
},
function() {
$("#date-("+num+")").fadeOut("slow");
}
);
}
);
<?php if (have_posts()) : ?>
<?php while (have_posts()): the_post(); ?>
<div class="billet" id="billet-<?php the_ID(); ?>">
<div class="titrebillet">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div class="date" id="date-<?php the_ID(); ?>"><span><?php the_time('d M Y'); ?></span></div>
</div>
<p><?php the_excerpt(); ?></p>
<a class="lien" href="<?php the_permalink(); ?>">Lire la suite</a>
Ecrit par <?php the_author(); ?> le
<p class="metabillet"><?php comments_popup_link('Pas de commentaires', '1 Commentaire', '% Commentaires'); ?></p>
</div>
<?php endwhile; ?>
<?php endif; ?>
Et ce que le navigateur peut traduire pour un article en :
<div class="billet" id="billet-1">
<div class="titrebillet">
<h2><a href="http://localhost/wordpress/?p=1">Bonjour tout le monde !</a></h2>
<div style="display: none;" class="date" id="date-1"><span>24 nov 2010</span></div>
</div>
<p></p><p>Bienvenue dans WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis lancez-vous !</p>
<a class="lien" href="http://localhost/wordpress/?p=1">Lire la suite</a>
Ecrit par admin le
<p class="metabillet"><a href="http://localhost/wordpress/?p=1#comments" title="Commentaire sur Bonjour tout le monde !">1 Commentaire</a></p>
</div>
Donc on peut très bien voir que les class CSS on bien pris l'ID du post :/
Donc je comprend pas !
C'est pas simple mais c'est faisable. Je ne comprends pourquoi la date est masquée ? Ligne 5. C'est volontaire ?
Peux-tu faire un screen de ce que donne ce HTML à l'écran.
Bien sur qui le cache car je lui demande au depart de cacher tout les dates avec $(".date").hide(); pour au survole de l'article s'affiche la date il faut bien la caché au départ !
Donc c'est normal !
Mais il doit y avoir quelque chose ! Car pour moi c'est bon si tu me dit que la syntaxe est bonne
Génial ! Sa marche! Quand on passe la souris sa récupère bien la date !Maintenant au lieu que sa soir un alert, il faut que sa soit l'affichage!
Merci je te dit si tout est bien mis en place !
Il y a un problème que je n'ai pas su résoudre. Ce code fonctionne si tu as un seul billet. Si tu en as plusieurs alors l'effet sera appliqué à toutes les dates.
Je pense qu'il faut utiliser next() plutôt que find() mais je n'ai pas trouvé le bon sélecteur...
EDIT : En fait c'est bon comme ça car il y a l'effet inverse lorsque tu sors du hover. Mais sinon ce n'est pas vraiment le bon sélecteur selon moi.
Le sélecteur m'a l'air bon, puisque find va chercher seulement dans les enfants du noeud. Mais je n'ai pas testé, c'est vrai.
Directeur technique, créateur de jeux HTML5 et fan de JavaScript | La suite de OnHack est sur les rails !
Variable dans Selecteur jQuery
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.