Discussion :

[bertrand59789]

Bonjour,

voici un problème que je n'arrive pas a résoudre.
j'ai un filtre

Code html :

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
<div class="grid-filter-wrap">
 
 
						<ul class="grid-filter" data-container="#produits">
							<li class="activeFilter"><a href="#" data-filter="*">Tout les produits</a></li>
							<li><a href="#" data-filter=".pf-1">1</a></li>
							<li><a href="#" data-filter=".pf-2">2</a></li>
							<li><a href="#" data-filter=".pf-3">3</a></li>
							<li><a href="#" data-filter=".pf-4">4</a></li>
							<li><a href="#" data-filter=".pf-5">5</a></li>
							<li><a href="#" data-filter=".pf-6">6</a></li>
						</ul>
 
						<div class="grid-shuffle rounded" data-container="#produits">
							<i class="icon-random"></i>
						</div> 
 
					</div>

et ce filtre fonction jusqu'au moment ou je clique sur un article qui m'ouvre un modal.
le modal et un fichier séparé et le Dom ne fonctionne plus.
avez-vous une solution pour qu'a la fermeture du modal le filter soit toujours actif.

Merci à tous,

[NoSmoking]

Bonjour,
impossible de te répondre en absence de contexte d'exécution et de code !

[bertrand59789]

Bonjour,


voici le code du jquery

Code :

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

1
2
3
4
5
6
7
8
9
<script>
$(document).ready(function() {
  $('.grid-filter').click(function() {
    var filterValue = $(this).attr('data-filter');
    $('.grid').fadeOut(0);
    $('.grid').filter(filterValue).fadeIn(1000);
  });
});
</script>

Pour le code du filtre et produit

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="grid-filter" data-container="#produit">
  <li class="activeFilter"><a href="#" data-filter="*">Tout les produits</a></li>
  <li><a href="#" class="filter-button" data-filter=".pf-10">10</a></li>
  <li><a href="#" class="filter-button" data-filter=".pf-30">30</a></li>
  <li><a href="#" class="filter-button" data-filter=".pf-50">50</a></li>
  <li><a href="#" class="filter-button" data-filter=".pf-100">100</a></li>
  <li><a href="#" class="filter-button" data-filter=".pf-500">500</a></li>
  <li><a href="#" class="filter-button" data-filter=".pf-9">9</a></li>
</ul>
<div class="product-image">
  <a href="produit-item.php?id=<?php echo $prod->id; ?>" data-lightbox="ajax">
    <img src="../../produits/<?php echo $produits->image; ?>.jpg" alt="<?php echo $produits->nom; ?>">
  </a>
</div>

enfaite a la fermeture de la modale ajax lightbox, le filtre et désactivé.
A mon sens le souci viens de cette ligne $('.grid-filter').click(function(){ mais je ne vois pas comment le rendre active à la fermeture du modale.

[NoSmoking]

enfaite a la fermeture de la modale ajax lightbox, le filtre et désactivé.

c'est cela que je n’appréhende pas dans ce que tu nous montres comme code !