在wordpress标头的CSS步行动画

Question

我找到了css动画代码并更改为处理鼠标点击。它适用于localhost和codepen，但不适用于wordpress标头。

var index = 0;
var event = new Event('stopEvent');

var sprite = document.querySelector('.sprite'),
    key = {left: false, right: false},
    trans = 0,
    property = getTransformProperty(sprite);

function getTransformProperty(element) {
    var properties = [
        'transform',
        'WebkitTransform',
        'msTransform',
        'MozTransform',
        'OTransform'
    ];
    var p;
    while (p = properties.shift()) {
        if (typeof element.style[p] != 'undefined') {
            return p;
        }
    }
    return false;
}

function translate() {
    sprite.style[property] = 'translateX(' + trans + 'px)';
}

http://codepen.io/yusufunlu/pen/yOJXaG
这是My Wordpress Web site 我使用chrome调试器来检查我的网站。它说＆＃34; Uncaught TypeError：无法读取属性＆＃39; style＆＃39; of null＆＃34;有什么想法解决这个问题吗？