Map QTip conflict with Isotope

[john doyle]

I found a bug where if a theme or another plugin includes the jQuery isotope plugin it causes issues with the QTip plugin used to display the map tooltip overlays. The symptom we were experiencing was that it 2 clicks each time to display the tooltip overlay. This is documented on the QTip site but it took some searching to find.
http://qtip2.com/guides#integration.isotope

To make things work on the site we are developing, we downloaded the latest version of the imagesLoaded plugin from here:
http://imagesloaded.desandro.com/

Then used this code in my functions.php file in the child theme:

function child_theme_scripts() {
  wp_enqueue_script(
    'imagesloaded',
    get_stylesheet_directory_uri() . '/js/imagesloaded.pkgd.min.js',
    array( 'jquery' ),
    '4.0',
    true
  );
}
add_action( 'wp_enqueue_scripts', 'child_theme_scripts' );

[Stephen Harris]

Thanks for posting this John 🙂

I was aware that an old version of Masonry conflicted with QTip. So it perhaps unsurprising that Isotope would also be affected (presumably, though I’ve not checked, there is an updated version of Isotope which doesn’t conflict with QTip?)

[Author]

Posts