function .show() ne marche pas apres avoir cacher (.hide()) un element dans la fonction .load()

**artenis** · 07/07/2012, 11h47

Bonjour,

je n'arrive pas à afficher un div avec .show() apres avoir chargé une page .load() et caché certains éléments ci-trouvant .hide()

Code :

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

1
2
3
4
5
6
7
8
$('#zonepointscles').hide();
$('.pointscles').click(function(){
			$('#zonepointscles').show();
 
			$('#zonepointscles').load("http://site.com/project-s/s-WP/points-cles-2", function() { 
				$('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').hide();
			});
	});

le code suivant ne marche pas :

Code :

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

1
2
3
4
5
$('#titre_docs1').click(function(){
 
        	$('#txt_docs1').show();
 
	});

precision: titre_doc est un bouton contenant le titre d'un article, txt_doc est un article qui s'affiche à droite du bouton .
Sachant qu'il y en a plusieurs, je cache tout les articles et ne les affiches que lorsqu'on clique sur le titre voulu.
j'utlise load car la page externe appelée peut être affichée dans d'autre page du site

quelqu'un a t-il une idée du bug ou d'un oubli de ma part ?

**SpaceFrog** · 07/07/2012, 12h58

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type='text/javascript' src='Scripts/jquery-1.4.2.min.js'></script>
<script type="text/javascript">
$(function() {
$('#foo').hide()
$('#bar').click(function(){
$('#foo').show()
})
})
</script>
<title>tes</title>
</head>
<body>
<div id="foo" style="height:100px; width:100px;background-color:lime">&nbsp;
</div>
<input type="button" id="bar" value="montrer" />
</body>
</html>

**artenis** · 07/07/2012, 14h12

merci SPacefrog,

j'ai compris le fond de ta pensée mais ce n'était pas très explicite:

voici le script qui marche: il fallait mettre mes fonctions liées dans ma fonction .load()

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$('.pointscles').click(function(){
			$('#zonepointscles').show();
 
			$('#zonepointscles').load("http://site.com/project-s/s-WP/points-cles-2", function() { 
				$('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').hide();
				$('#titre_docs1').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000);  $('#txt_docs1').fadeIn(1000); });
				$('#titre_docs2').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000); $('#txt_docs2').fadeIn(1000); });
				$('#titre_docs3').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000); $('#txt_docs3').fadeIn(1000); });
				$('#titre_docs4').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000); $('#txt_docs4').fadeIn(1000); });
			});
	});

function .show() ne marche pas apres avoir cacher (.hide()) un element dans la fonction .load()

jQuery

Discussions similaires

Partager

Partager