Jump to content

Jquery ne fonctionne plus après filtrage produit


Recommended Posts

Bonjour à tous

 

J'ai créé mon site une page product-list.tpl dédiée, qui affiche les articles en liste simplifiée, j'utilise un petit script jquery pour afficher les photos au passage de la souris.

 

Démo ici: http://ingedus.polykode.fr/index.php?id_category=75&controller=category

 

Tout fonctionne bien jusqu'a l'utilisation d'un filtre ou d'un tri :-/

 

voici mon code:

	$(document).ready(function() 
		{

		$(".product_image_link").mouseover(function( evt )
                    {
                    var target_image_id = "#image_product_" + $(this).data('product-id');
                    var div_position = $(this).offset();

                    var image_position_left = parseFloat(div_position.left) + 50;
                    var image_position_top = parseFloat(div_position.top) - parseFloat( $(target_image_id).height());

                    $(target_image_id).css({display : 'block', 
                                                              left : image_position_left, 
                                                              top : image_position_top});
                    });



               $(".product_image_link").mouseout(function( evt )
                    {
                    $(".product_image").css("display","none");
                    });

		});

le script sert juste à afficher/masquer un div (masqué par défaut) avec la photo produit.

 

Pensant à un problème de binding j'ai utilisé la fonction $('.ma_classe').on('mon_event',....  mais la plus rien ne marche !

 

quelqu'un à une piste pour moi ?

 

Peut-être une piste, le code JS est dans la section "custom JS" de mon thème...

 

Merci d'avance.

 

Sébastien

Edited by polykodesas (see edit history)
Link to comment
Share on other sites

Re-bonjour,

 
j'ai finalement solution mon problème en remplaçant
 

$(".my_selector").my_event(function( evt )

 
par
 
$(document).on('my_event', '. my_selector', function(evt)
 
En fait quand j'avais testé avec cette fonction j'ai utiliser used $(body). au lieu de of $(document).
 
a+
 
Sébastien
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...