我的jQuery函数不适用于我的WP模板

Question

我已经能够在我的WP模板上安装并运行一些jqueries，但是这个让我头疼！ 一切似乎都很好，样式表和查询链接显示在页面源上，但它仍然无效。

这是代码：

var YTMenu = (function() {

function init() {

    [].slice.call( document.querySelectorAll( '.dr-menu' ) ).forEach( function( el, i ) {

        var trigger = el.querySelector( 'div.dr-trigger' ),
            icon = trigger.querySelector( 'span.dr-icon-menu' ),
            open = false;

        trigger.addEventListener( 'click', function( event ) {
            if( !open ) {
                el.className += ' dr-menu-open';
                open = true;
            }
        }, false );

        icon.addEventListener( 'click', function( event ) {
            if( open ) {
                event.stopPropagation();
                open = false;
                el.className = el.className.replace(/\bdr-menu-open\b/,'');
                return false;
            }
        }, false );

    } );

}

init();

})();

我在阅读了codex wordpress页面之后尝试了不同的解决方案，但仍然缺少一些东西。 任何建议！

非常感谢你！