Discussion :

[fab4001]

Bonjour,

J'ai un problème avec ma fonction jQuery. Je veux afficher 2 éléments en cliquant sur un lien : .mask et .enlarge (.enlarge que je déplace pour que sa position absolute soit correcte).
Le code ci-dessous fonctionne la première fois, mais quand .mask est caché et .enlarge "detach", il n'affiche plus que .mask les fois suivantes et plus .enlarge (le insertBefore() n'est plus exécuté les fois suivantes).

Est-ce que vous avez une idée du problème ?

D'avance merci
Fabrice

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
$(document).ready(function(){
	$('.jMyCarousel li a').live('click', function(e){
        e.preventDefault();
	var target = $(this).next('.enlarge');
 
        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
 
        //Set height and width to mask to fill up the whole screen
        $('.mask').css({
		'width':maskWidth,
		'height':maskHeight
	});
 
	target.insertBefore('.mask').fadeIn(500);
        $('.mask').fadeTo('fast',0.5);
 
	//if mask is clicked
	$('.mask').click(function(e){
		e.preventDefault();
		$(this).hide();
		$('.mask').prev('.enlarge').detach();
	});
    });
});

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

target.insertBefore('.mask')

tu insères quoi là ?

[fab4001]

J"insère le div '.enlarge' :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var target = $(this).next('.enlarge');

[Bovino]

.detach() sert à retirer un élément du DOM.
Donc, une fois que tu l'as appelée une fois, dans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var target = $(this).next('.enlarge');

.next('.enlarge') n'existe plus !

[fab4001]

Au départ, j'utilisais .remove().
Je croyais qu'avec .detach(), à l'inverse de .remove(), on pouvait réinsérer l'élément dans le DOM ?

Sinon, il y a une fonction qui permet ça ?

[SpaceFrog]

rien que le fait de faire un append ou inserBefore deplacera l'element pas besoin de le supprimer avant ...

[fab4001]

En fait, je supprime l'élément qui est déplacé et je conserve celui d'origine.