Question

我正在尝试做一些简单的事情，例如使文字闪烁（“正在加载......请等待。”文字）并做一个简单的动画。 ..将 div 介绍与正文 div 一起移到页面的顶部（是的，有的是一个称为身体的div）

这是 intro.js 文件：

var blinker = function() {
  $('.loading').fadeOut(500);
  $('.loading').fadeIn(500);
}

setInterval(blinker, 1000);

var vanish = function(){
 $(document).ready( function(){
     $('.intro').animate({
         top: '-100%'
     }, 4000);
     $('.body').animate({
         top: '-100%'
     }, 4000);
 });

$(document).ready(vanish);

我要问的是如何修复此错误...错误是什么？没有任何事情发生。

所有其他文件都在我的git上，click here可以查看。

@dragonslovetacos已经回答了我如何修复闪烁文字。

现在我只需要将代码修改为将页面移动到屏幕的外部（顶部）。此代码用于在页面加载后运行。

已修复 - 问题已解决

感谢@dragonslovetacos帮助，但我可以自己解决上传代码（无需阅读任何代码）。

我在页面上滑动所做的只是擦除消失代码的第一行，如下所示：

$(document).ready( function(){
     $('.intro').animate({
         top: '-100%'
     }, 4000);
     $('.body').animate({
         top: '-100%'
     }, 4000);
 });

再次感谢所有回答此问题的人，主要是@dragonslovetacos。

〜relbeits _

Answer 1

<强> jQuery的：

$(function() {
    function blink() {
        $('.loading').fadeToggle('slow', function () {
            // Done.
        });
    }

    setInterval(blink, 500);
});

<强> HTML：

<div class="loading">Loading...</div>

jsFiddle

然后让装载区“向上滑动”（以及你网站的其他部分）试一试。

<强> jQuery的：

$('.loading').slideUp('fast', function(){
    // Done.
});

Javascript / jQuery代码不起作用... - github上的代码

1 个答案: