Search code examples
jquerywordpressjpanelmenu

jPanelMenu Not Working

So I'm trying to implement jPanelMenu for my responsive Wordpress site;

www.jaeeunlee.com

I have 

<div class="menu-trigger">click me</div>

in my header, and 

$(document).ready(function () {
    var jPM = $.jPanelMenu({
        menu: '#menu-main-nav-menu',
        trigger: '.menu-trigger'
        jPM.on();
    });

in my js file.

I also set the nav ul to display:none when the browser window becomes small.

But when I try to click "click me on the top of the window, nothing happens. My jquery version is 1.7.1.

I'd appreciate your help!

Best, Jaeeun

Solution

  • Looking at the documentation, I think you need to do something like this...

    $(document).ready(function () {
    var jPM = $.jPanelMenu({
        menu: '#menu-main-nav-menu',
        trigger: '.menu-trigger'
    });
    jPM.on();
});