Question

在这个Joomla dev site上，我让Skrollr工作的不仅是主页上的桌面对象，还有标题，它们会缩小＆＃34;当你开始滚动时缩小。我的问题是，当你点击＆＃34;功能＆＃34;子页面，即使代码在那里，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

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

第一个来自Joomla的核心很好，但你也输入了这个：

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

所以尝试删除它

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

1 个答案: