jQuery页面fadeIn()只对索引页起作用

jQuery page fadeIn() only working on index page

本文关键字：索引 起作用 页面 fadeIn jQuery      更新时间：2023-09-26

感谢大家的快速帮助!脚本现在可以工作了。我已经更新了下面的网站和代码。也许有人会发现这个代码很有用。:)

我已经得到的页面(http://www.katmcgo.com)淡入所需使用jQuery。但是，它只在索引页上淡入——所有后续页面都正常加载。

我有以下脚本在每个页面的标题(包括子页面，不褪色);它包含在使用PHP的每个页面中:

$(document).ready(function() { 
        function fadePage() {
            // Target the tags you want to effect with the fade
            var fadingTag = "section";
            var fadingTag2 = "hr";
            var delay = 0;  // Initialize delay - Should start at 0
            var delayStagger = 600;  // Delay stagger - Time between elements fading in
            var fadingNum = document.getElementsByTagName(fadingTag).length;  // Find out how many elements you need to hide
            // Get and fix the overall document height before it disappears (which will happen when elements are hidden) 
            var pageHeight = $(document).height() + "px";
            $("#wrapper").css("height", pageHeight);
            // Hide all targeted tags
            $(fadingTag).css("display", "none");
            $(fadingTag2).css("display", "none");
            // Fade each targeted tag in, one by one
            for (var i = 0; i < fadingNum; i++){
                $($(fadingTag).get(i)).delay(delay).fadeIn(delayStagger);
                $($(fadingTag2).get(i)).delay(delay).fadeIn(delayStagger);
                delay += 350;
            }
        }
        fadePage();
    });

我一直在绞尽脑汁，想知道为什么会发生这种情况，并进行搜索以找到答案，但一无所获…

这个页面还在早期阶段，所以我只是在Firefox和Safari上做开发…Fade在两种情况下都有效，但只在第一页有效。

安装firebug。除了index.php.

，所有页面上都有未定义元素[0]。编辑:

将s3Slider调用包装在if语句中，检查元素是否存在。

if( $('#slider').length ) {
  $('#slider').s3Slider({
    timeOut: 3500
  });
}

或者，如果您不在索引页上，则无法从服务器输出该代码。

您在所有后续页面上都有来自s3Slider.js的错误。可能是因为slider元素在这些页面上不存在，但是插件仍然被调用。

相关文章：