jQuery quicksand issue

Question

So I am configuring the quicksand plugin on my new wordpress website to use it on my portfolio section.

I configured everything and it's working. You can see it live here:

http://www.tipoos.com/new/?page_id=43

The problem:

I have more jQuery scripts running on my site. For example, see the portfolio item thumbnails when hovering over the image. When I first run the page the hover images are working, but whenever I trigger the sorting quicksand functionality to filter my items the hover image effect on the thumbnails stop working and this is really annoying..

I figured maybe it has to do with a jQuery conflict or something, but whatever I tried didn't work -- couldn't find an answer anywhere...

Here is my JavaScript file, which contains all the scripts in the site including the quicksand settings: https://dl.dropbox.com/u/4405634/functions.js

If anyone can assist I'd be happy.

Answer 1

Your question has little to do with Wordpress and everything to do with jQuery. Forums and Q&A sites that deal with jQuery as a standalone library are better places to look.

You also need to learn how to use Firebug with Firefox, or use the developer tools in Chrome or Safari or IE to see what JS and jQuery libraries are loading on your site and to resolve JS conflict errors.

You may also need to look at Function Reference/wp enqueue script « WordPress Codex on how to load JS within WordPress as you are learning jQuery.

Answer 2

as I mentioned in my comment on your question, your issue is that the elements are cloned when animated, so they are losing the events bound to them.

the solution is in their documentation. I believe you can also solve it by binding your events via jQuery's on, which replaced the live method for binding events to objects which may exist in the future.