Question

我正在为一个学校做一个项目，并且正在对该站点进行一些润色，今天我尝试使用CSS和jQuery的一些教程做一个预加载器，到目前为止效果很好。直到只读取我拥有的main.js的特定部分。

汉堡菜单和“返回顶部”按钮停止工作。这是my codepen。

<section id="preloader">
  <div id="dots">
  <p>Please wait, programmer is sleeping . . .</p>
  <p>Please wait, programmer is sleeping . . .</p>
  <p>Please wait, programmer is sleeping . . .</p>
  <div class="dot" style="animation-name:preloader_1;"></div>
  <div class="dot" style="animation-name:preloader_2;"></div>
  <div class="dot" style="animation-name:preloader_3;"></div>
  <div class="dot" style="animation-name:preloader_4;"></div></div>
  <div id="bg_left" class="pre_half"></div>
  <div id="bg_right" class="pre_half"></div>

$(document).ready(function() {
    $('#dots').delay(950).fadeOut(300, function() {
        $('#bg_left').animate({left: '-50%'}, 600);
        $('#bg_right').animate({right: '-50%'}, 600), function() {
            $('preloader').fadeOut(10);
        }
    });
});

我在控制台上收到此错误：

TypeError：arrowLeft为空[Weitere Informationen]

但这仅是因为几个.html文件只有一个main.js。

Answer 1

您需要将所有代码放入SeekBar volumeControl = (SeekBar) findViewById(R.id.seekBar); volumeControl.setOnSeekBarChangeListener(new OnSeekBarChangeListener() { @Override public void onStartTrackingTouch(SeekBar seekBar) { } @Override public void onStopTrackingTouch(SeekBar seekBar) { } @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { Log.i("progress bar", Integer.toString(progress)); } });（$(function(){})的缩写）内，以便在加载任何DOM元素之前不会得到它们。您还需要使$(document).ready()的跨度和.burger-lines按钮的.backtotop高于预加载器部分（否则无法单击它们）。

JSFiddle：http://jsfiddle.net/56e08dzc/

尝试preloader时document.ready（）使我的所有脚本崩溃

1 个答案: