jQuery plugin doesn't work in WordPress

Question

I'm trying to implement a jQuery Plugin to my wordpress site. I already figured out how to make jQuery run, but the plugin still doesn't work. It is this plugin: contenthover

I tried it like this:

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://example.com/wp-content/themes/xenia/assets/js/jquery.contenthover.min.js"></script>
<script type="text/javascript">
    <!--//-->
    <![CDATA[//>
    <!--
        jQuery(document).ready(function() {
            $('#d1').contenthover({
                overlay_background:'#000',
                overlay_opacity:0.8
            });
        });
     //-->
    <!]]//>
</script>

Whatever I try doesn't work. I already included jQuery and the plugin via functions.php. When I call the simple slideUp(); it works, but the contenthover-plugin doesn't. What am I doing wrong?

edit: This is how I also tried it by hook it up in teh functions.php of the theme

wp_register_script(THEME_SLUG . '-jqueryMain', THEME_URI . '/assets/js/jquery-2.1.4.min.js', array('jquery'));
wp_register_script(THEME_SLUG . '-contenthover', THEME_URI . '/assets/js/jquery.contenthover.min.js', array('jquery'));

wp_enqueue_script(THEME_SLUG . '-jqueryMain');
wp_enqueue_script(THEME_SLUG . '-contenthover');

Have you already tried to enque the script through a hook (check the docs for wp_enqueue_scripts)? Also check the JS console for any messages and post them please. — xphan
– xphan, Commented Nov 11, 2015 at 10:07
yes. i already did this.. both, the jquery-lib and the plugin, are implemented in the head of the page when i look at the sourcecode — AdmiralCrunch
– AdmiralCrunch, Commented Nov 11, 2015 at 10:09
Could you provide the code you are using to enqueue the script? Does the console show any error messages? — xphan
– xphan, Commented Nov 11, 2015 at 10:11
I have edited the question ;) .. no, the console says absolutely nothing — AdmiralCrunch
– AdmiralCrunch, Commented Nov 11, 2015 at 10:13
Your wp_register_script() doesn't make sense, you register jquery under a different name but provide jquery as a dependency. WordPress will load jQuery twice. — Gerald Schneider
– Gerald Schneider, Commented Nov 11, 2015 at 10:33

Gerald Schneider · Accepted Answer · 2015-11-11 10:28:21Z

5

WordPress uses a noconflict wrapper because other libraries also use $ as the core variable, so $ is not directly available in WordPress.

If you still want to use $ in your script, you have to define it like this:

jQuery(document).ready(function($) {
//                              ^-- add the dollar sign here

Inside this function $ will work as expected.

You can read more about it in the documentation.

Note: You should avoid adding jQuery yourself, other plugins or themes might rely on the jQuery version provided by WordPress. Just enqueue the jQuery WordPress provides.

answered Nov 11, 2015 at 10:28

Gerald Schneider

17.8k10 gold badges64 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery plugin doesn't work in WordPress

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related