为什么 Joomla 子页面不尊重 Skrollr 代码？

Question

在这个 Joomla dev site 上，我让 Skrollr 不仅为主页上的办公桌 objects 制作动画，还为 header 制作动画，"shrinks" 更小当你开始滚动时向下。我的问题是，当您单击 "Features" 子页面时，Skrollr 代码（在下面列出）没有被遵守，即使代码在那里。例如，当您在主页上滚动时，徽标会缩小，但它不会出现在“功能”页面上。

有没有人看到冲突或任何可能导致此问题的因素？我相当确定主页上的所有相同代码也在功能页面上，所以我不明白为什么它不能在两个页面上工作。

    var setSkrollr = function($el, data) {
        for (var i = 0, l = data.length; i < l; i++) {
            var d = data[i],
                px = d[0];
                css = d[1];
            $el.attr('data-' + px, css);
        }
    }

    jQuery(function($) {
        setSkrollr($('#t3-mainnav'), [[0, 'height: 100px'], [300, 'height: 50px']]);
        setSkrollr($('#t3-mainnav .container'), [[0, 'top: 25px; height: 100px'], [300, 'top: 0px; height: 500px ']]);

        setSkrollr($('.logo-image a'), [[0, 'margin-top:-10px'], [300, 'margin-top:3px']]);
        setSkrollr($('.logo-img'), [[0, 'width: 300px'], [300, 'width: 200px']]);

...

Answer 1

如果您打开浏览器控制台，您将看到以下错误：

JQuery(...).tooltip is not a function

如果未正确调用工具提示，或者如果站点上导入了 jQuery 的 2 个版本，有时会发生此错误。在您的情况下，导入了 2 个版本。

第一个来自 Joomla 的核心，这很好，但是您还导入了这个：

https://code.jquery.com/jquery-2.0.3.min.js

所以尝试删除它

为什么 Joomla 子页面不尊重 Skrollr 代码？

Why won't Joomla subpage respect Skrollr code?

javascript

joomla

skrollr