jQuery Hover Won’t Work in WordPress

I have some jQuery I am trying to integrate into my WordPress site. I’ve been pretty successful so far but there’s one specific portion I am having trouble with. Right now my prettyPhoto lightbox works fine, but the hover effect is not happening. I know the coding is sound, based on this example I made here: Example

I believe the problem is the way WordPress reads the jQuery. I looked for some solutions, but I think there could be something in here that’s a little out of my experience. My Javascript file can be found here: ContentHover Plugin. If anyone can point me to a possible solution it would be a huge help. Thanks!

/* Hover Effect */
<script type="text/javascript">

jQuery(document).ready(function(){
    jQuery('.d1').contenthover({
    overlay_background:'#00727D',
    overlay_opacity:0.85
    });
})
</script>


/* prettyPhoto */
<script type="text/javascript" charset="utf-8">

jQuery(document).ready(function(){
      jQuery("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>

Related posts

Leave a Reply

1 comment