jQuery 页面 fadeIn() 仅适用于索引页面

Question

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

---

我已经获得了页面（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 中进行开发...淡入淡出在这两种浏览器中都有效，但仅在第一页上有效。任何帮助将不胜感激。

Answer 1

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

淡入淡出脚本可能工作得很好。

Answer 2

在 Firefox 中安装 Firebug。除了index.php 之外的所有页面上都出现未定义的元素[0]。

编辑：

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

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

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