Databases
StackOverflow2013
Postsdbo
POanimate hover effect dissapears after filter in quicksand
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POanimate hover effect dissapears after filter in quicksand
    text
    copied!<p>I have a portfolio page with quicksand, which is working perfectly. To add some more fun, I added prettyPhoto to it, working perfectly too.</p> <p>But now I added a hover effect to the images. It is working, but when I sort with the filter, the hover effect has gone. I don't even see it working in Firebug.</p> <p>Loading .js files -> jquery, quicksand, prettyphoto and then the hover function. The php file (wordpress) looks like this:</p> <pre><code>&lt;script type='text/javascript'&gt; $(document).ready(function(){ $("img").hover( function() { $(this).stop().animate({"opacity": "0.8"}, "slow"); }, function() { $(this).stop().animate({"opacity": "1"}, "slow"); } ); }); &lt;/script&gt; </code></pre> <p>The rest of the php file:</p> <pre><code>&lt;!-- #content BEGIN --&gt; &lt;div id="contentport" class="clearfix"&gt; &lt;ul class="filter clearfix"&gt; &lt;li&gt;&lt;strong&gt;Filter:&lt;/strong&gt;&lt;/li&gt; &lt;li class="active"&gt;&lt;a href="javascript:void(0)" class="all"&gt;All&lt;/a&gt;&lt;/li&gt; xxxx php magic xxxx &lt;ul class="filterable-grid clearfix"&gt; xxxx php magic xxxx &lt;li data-id="id-&lt;?php echo $count; ?&gt;" data-type="&lt;?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term-&gt;name)). ' '; } ?&gt;"&gt; &lt;?php // Check if wordpress supports featured images, and if so output the thumbnail if ( (function_exists('has_post_thumbnail')) &amp;&amp; (has_post_thumbnail()) ) : ?&gt; &lt;?php // Output the featured image ?&gt; &lt;a rel="prettyPhoto[gallery]" href="&lt;?php echo $large_image ?&gt;"&gt;&lt;?php the_post_thumbnail('portfolio'); ?&gt;&lt;/a&gt; &lt;?php endif; ?&gt; &lt;?php // Output the title of each portfolio item ?&gt; &lt;p&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php echo get_the_title(); ?&gt;&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; xxxx php magic xxxx &lt;/ul&gt; xxxx php magic xxxx &lt;/div&gt; </code></pre> <p>I hope you have everything you need, I already looked at those links, but I really don't know what to do ... <a href="https://stackoverflow.com/questions/5975273/hover-effect-with-quicksand-plugin">hover effect with quicksand plugin</a></p> <p><a href="https://stackoverflow.com/questions/2262480/jquery-live-hover">jquery live hover</a></p> <p><a href="https://stackoverflow.com/questions/9287021/how-to-apply-jquery-quicksand-sort-without-losing-a-jquery-based-portfolio-hov">How to apply jQuery quicksand (sort) without losing a jQuery based portfolio hover?</a></p> <p><a href="https://stackoverflow.com/questions/4840741/jquery-quicksand-plugin-with-click-method">jQuery quicksand plugin with .click method</a></p> <p>Thanks in advance !</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload