Bonjour, je me heurte à un problème.
J'ai crée sur un site Wordpress dernière version, php 7.2 une page avec un menu filtre de catégorie.
En gros sur la page (BLOG) toutes les catégories apparaissent et un menu avec les différentes sous-catégories existent
qui permet de n'afficher que les sous-catégories sélectionnées; Pour ce menu j'ai crée une fonction en ajax.
Tout fonctionnes bien : Voici le code
Le problème c'est que chaque catégorie a un IMAGE DE UNE et qu'un script (blazy.js) est appliqué dessus.
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 function cat_ajax_get_3(catID) { var ajaxurl = '/wp-admin/admin-ajax.php'; jQuery.ajax({ type: 'POST', url: ajaxurl, data: {"action": "filtre-blog", cat: catID }, /* filtre-noustrouver */ success: function(response) { var $el = jQuery("#category-content-blog"); $el.fadeOut(400, function(){ $el.html(response).fadeIn(400); /* RESPONSE */ }); return false; } }); } jQuery( ".category-blog #category-menu a.ajax" ).click(function() { jQuery(".category-blog #category-menu a.ajax").removeClass("current"); jQuery(".category-blog #category-menu a.ajax").removeClass("current"); jQuery(this).addClass("current"); var catnumber = jQuery(this).attr('data-term-number'); cat_ajax_get_3(catnumber); });
Quand j'active le filtre du menu, l'image disparait... normal car il faut revalider le script blazy cf : bLazy
J'ai donc essayé cela :
Mais cela ne fonctionne pas... Une idée ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 jQuery(document).ready(function(){ var mybLazy = new Blazy({ selector: ".b-lazy" , offset: 0 , container: "window" , successClass: "b-loaded" }); mybLazy.revalidate(); });
je me demandais si je ne devait pas plutôt appliquer une fonction au niveau de l'AJAX ?
J'avoue que j'ai pas mal cherché mais je suis perdu... Donc si vous pouvez m'éclairer ?
Partager