Databases
StackOverflow2013
Postsdbo
POjquery using php as a selector
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery using php as a selector
    text
    copied!<p>Hi I am trying to make a hidden div appear on hover to cover my image and I have a list that is dynamically generated from project posts in wordpress..obviously the list class names are all different..</p> <p>What would my selector be so that the div appears just on the list item hovered.</p> <pre><code>&lt;li class="item-&lt;?php the_ID() ?&gt; &lt;?php if(++$count%4==0) echo 'rightmost'?&gt; "&gt; &lt;div class="image"&gt; &lt;span&gt; &lt;a href="&lt;?php the_permalink() ?&gt;"&gt; &lt;?php if(has_post_thumbnail()){ the_post_thumbnail('post-thumb'); } ?&gt; &lt;/a&gt; &lt;/span&gt; &lt;a href="&lt;?php the_permalink() ?&gt;" class="link"&gt;View Details&lt;/a&gt; &lt;/div&gt; &lt;div class="content"&gt; &lt;h2&gt;&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php the_title() ?&gt;&lt;/a&gt;&lt;/h2&gt; &lt;span class="tags"&gt; &lt;?php // Fetching the tag names with respect to the post and displaying them $args = array('orderby' =&gt; 'name', 'order' =&gt; 'ASC', 'fields' =&gt; 'names'); echo implode(wp_get_object_terms( $post-&gt;ID, 'tag', $args),', '); ?&gt; &lt;/span&gt; &lt;p&gt; &lt;?php // Using custom excerpt function to fetch the excerpt folio_excerpt('folio_excerpt_length','folio_excerpt_more'); ?&gt; &lt;/p&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/li&gt; &lt;?php endwhile; ?&gt; &lt;/ul&gt; &lt;script&gt; $(document).ready(function() { $('.item-&lt;?php the_ID() ?&gt;').hover( function(){ $('#folio li .content').fadeIn(); }, function() { $("#folio li .content").fadeOut(); }); }); &lt;/script&gt; </code></pre> <p><a href="http://allavitart.yourtrioproject.com/portfolio/" rel="nofollow">http://allavitart.yourtrioproject.com/portfolio/</a> thats my poopie work in progress</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