尽管在测试中有效，但无法识别 JavaScript 选择器

Question

我的脚本在滚动时替换 Logo 在测试'http://jsfiddle.net/timsalabim/opek5mtz/ 中有效。 `

var img = document.querySelector('.logo_h__img img'); // get the element
img.dataset.orig = img.src; // dataset 
document.addEventListener('scroll', function (e) { // add the event listener
    if (document.body.scrollTop > 0) { // check the scroll position
        img.src = img.dataset.scroll; // set the scroll image
    } else {
        img.src = img.dataset.orig; // set the original image back
    }
});

当在网站中以完全相同的方式实现时它不起作用，我想我已经正确测试它并且它也在触发....

我将脚本放入位于这些标签内的 header.php 文件(Wordpress 网站)中的标签中:

<script type="text/javascript">    </script>

我也没有忘记在这部分添加图片标签:

data-scroll="http://"

是否有可能导航的设置方式使其旁边嵌套的 Logo 无法识别滚动条？

**** 更新 **** 这是我的开发站点:http://dev.greenlabit.com.au/Test/

如果它在我的测试中有效，它应该在开发站点上也能正常工作...

Answer 1

当尝试运行您的网站时，firebug 在线出错

jQuery("#fixedparallax_header").cherryFixedParallax({

错误说:

Uncaught TypeError: undefined is not a function

---

cherryFixedParallax();
VM353:2 Uncaught ReferenceError: cherryFixedParallax is not defined
cherryFixedParallax({});
VM356:2 Uncaught ReferenceError: cherryFixedParallax is not defined