Edit Question - KnowledgeHub

Title Body

Using the prettyPhoto plugin to open modal-style content containers, and trying to integrate with Google Analytics' Event Tracking to track when videos get opened. Trouble is, when I $('a.videoClickListener').click(function(event){ console.log('here'); _gaq.push(['_trackEvent', 'Product Page', 'Video Open', '<?php echo $product->getNameWithManufacturer(); ?>']); }); the event is never fired, as prettyPhoto stops the event from continuing (quite rightly, as otherwise the page would change if a hyperlink was clicked). prettyPhoto does not seem to provide an 'open' callback function, but if it did I couldn't use it anyway, as the prettyPhoto listeners are set up somewhere in the layout (we use rel="prettyPhoto" every time we want to use prettyPhoto, and pass params through the URL, which is the prettyPhoto-recommended way of doing things). I would also like to pass the product details to Analytics, ruling out a global video-opening listener across all prettyPhoto opening events. How can I bind my listener before the prettyPhoto listener? If it turns out I have to use .unbind() , then bind my listener, and then rebind prettyPhoto, how can I unbind a handler specified in a plugin?

Tags (comma-separated) Cancel