Filtre cesse de fonctionner
Bonjour,
voici un problème que je n'arrive pas a résoudre.
j'ai un filtre
Code:
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,
Filtre cesse de fonctionner
Bonjour,
voici le code du jquery
Code:
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:
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.
