Bonjour à tous!
Premier message ici, alors déjà bonjour à tous et à toutes! Même si c'est la première fois que je demande de l'aide, j'ai déjà pas mal utilisé le forum pour apprendre!
Je rencontre un petit problème avec le jquery après l'utilisation d'un prepend.
Grosso modo ça fonctionne si mon jquery n'est pas affecté par un prepend. Au contraire, un code précédemment valide ne fonctionne plus si je lui fais subir le clonage et le téléportage!
-> Mon prepend est bien parametré en "true".
Je vous ai mis un petit exemple que j'ai fait pour l'occasion en ligne (il faut cliquer sur 'accueil' pour afficher le code qu'est dans la li en display none.) www.metromototrain.com
Je viens demander de l'aide parce que je suis déjà arrivé à prepend un 'contenu jquery' mais là, ça fait sur deux utilisations du jquery que je bloque...
Je vous mets également mon code:
Alors, une petite piste? Je croyais que le fait de mettre true suffisait pour cloner et "prepender" ( ) totalement un élément. Alors j'en viens à me demander si ce n'est pas une erreur de poitage...
Merci d'avance à tous ceux qui me donneront le petit coup de pied au cul nécessaire!
Premier message ici, alors déjà bonjour à tous et à toutes! Même si c'est la première fois que je demande de l'aide, j'ai déjà pas mal utilisé le forum pour apprendre!
Je rencontre un petit problème avec le jquery après l'utilisation d'un prepend.
Grosso modo ça fonctionne si mon jquery n'est pas affecté par un prepend. Au contraire, un code précédemment valide ne fonctionne plus si je lui fais subir le clonage et le téléportage!
-> Mon prepend est bien parametré en "true".
Je vous ai mis un petit exemple que j'ai fait pour l'occasion en ligne (il faut cliquer sur 'accueil' pour afficher le code qu'est dans la li en display none.) www.metromototrain.com
Je viens demander de l'aide parce que je suis déjà arrivé à prepend un 'contenu jquery' mais là, ça fait sur deux utilisations du jquery que je bloque...
Je vous mets également mon code:
<!DOCTYPE html>
<head>
<title>jQuery.parallax</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.parallax.min.js"></script>
<link rel="stylesheet" href="jquery.parallax copie.css" />
<script type="text/javascript">
$(document).ready(function(){
// Set up each parallax instance seperately, because they
// each have the their own mouseport.
$('span .stalk')
.each(function(){
$('img', this)
.parallax(
{ mouseport: $(this) }, // Options
{ xparallax:'34px',yparallax:'34px'})
.click( function() {
//console.log('remove');
$(this).remove();
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#header ul li.bouton").click(function(){
$("#wrap span").remove();
$(this).children("span.cache").clone(true).prependTo("#wrap");
});
});
</script>
</head>
<body>
<div id="header">
<ul>
<li class="bouton">Accueil
<span class="cache">
<div class="stalk">
<img src="bijoux3.png" alt="" />
</div>
<div style="margin-left:140px;"class="stalk">
<img src="bijoux2.png" alt="" />
</div>
<div style="margin-top:140px;margin-left:40px;"class="stalk">
<img src="bijoux.png" alt="" />
</div>
</span>
</li>
<li class="bouton">Page</li>
</ul>
</div>
<div id="wrap"></div>
</body>
Alors, une petite piste? Je croyais que le fait de mettre true suffisait pour cloner et "prepender" (
) totalement un élément. Alors j'en viens à me demander si ce n'est pas une erreur de poitage... Merci d'avance à tous ceux qui me donneront le petit coup de pied au cul nécessaire!