为什么用HTML压缩转换后的网站在预加载器上停止？
问题描述 投票：0回答：1
我正在转换在其页面中具有预加载器的HTML模板。现在最基本的是，我将index.html转换为home.php并分离了页眉和页脚，还完成了其他设置。现在，该主题已在Wordpress中完美显示，并且我激活了它。但是，当对站点进行现场测试时，站点将停止在预加载器上，并且无限运行预加载器gif。谁能告诉我我在哪里做错了？另请注意，<div id="preloader"></div>位于header.php下面。这是实时站点visit site to see的链接
<!DOCTYPE html><!--This is header.php-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jitendra Computer Institute</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="/img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/nivo-slider/css/nivo-slider.css" rel="stylesheet">
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/owlcarousel/owl.carousel.css" rel="stylesheet">
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/owlcarousel/owl.transitions.css" rel="stylesheet">
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/animate/animate.min.css" rel="stylesheet">
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/venobox/venobox.css" rel="stylesheet">
<!-- Nivo Slider Theme -->
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/nivo-slider-theme.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/style.css" rel="stylesheet">
<!-- Responsive Stylesheet File -->
<link href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/responsive.css" rel="stylesheet">
<!-- =======================================================
Theme Name: eBusiness
Theme URL:
Author:
License:
======================================================= -->
</head>
<body data-spy="scroll" data-target="#navbar-example">
<div id="preloader"></div>
<header>
<!-- header-area start -->
<div id="sticker" class="header-area">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<!-- Navigation -->
<nav class="navbar navbar-default cushycms">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Brand -->
<a class="navbar-brand page-scroll sticky-logo" href="index.html">
<h1><span>J</span>CI</h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <img src="img/logo.png" alt="" title=""> -->
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse main-menu bs-example-navbar-collapse-1" id="navbar-example">
<ul class="nav navbar-nav navbar-right">
<li class="active">
<a class="page-scroll" href="#home">Home</a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#services">Courses</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Gallery</a>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Downloads<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href=# >Our Prospectus</a></li>
<li><a href=# >Admission Form</a></li>
</ul>
</li>
<li>
<a class="page-scroll" href="#blog">Students Portal</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- navbar-collapse -->
</nav>
<!-- END: Navigation -->
</div>
</div>
</div>
</div>
<!-- header-area end -->
</header>这里是index.php（我已经包括了顶部，因为它很长）
<?php
/**
/* Template Name: Home
*
* Displays Only Home template
*
* @package WordPress
* @subpackage Jitendra Computer Institute
* @since Jitendra Computer Institute 1.0
*/
get_header(); ?>
<!-- header end -->
<!-- Start Slider Area -->
<div id="home" class="slider-area">
<div class="bend niceties preview-2">
<div id="ensign-nivoslider" class="slides cushycms">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/slider/slider1.jpg" alt="" title="#slider-direction-1" />
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/slider/slider2.jpg" alt="" title="#slider-direction-2" />
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/slider/slider3.jpg" alt="" title="#slider-direction-3" />
</div>
<!-- direction 1 -->
<div id="slider-direction-1" class="slider-direction slider-one">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="slider-content">
<!-- layer 1 -->
<div class="layer-1-1 hidden-xs wow slideInDown" data-wow-duration="2s" data-wow-delay=".2s">
<h1 class="title1" style="color: white;">Jitendra Computer Institute</h1>
</div>
<!-- layer 2 -->
<div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
<h2 class="title2" style="color: white;">सिर्फ पढो नहीं कुछ सीखो भी</h2>
</div>
<!-- layer 3 -->
<div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
<a class="ready-btn right-btn page-scroll" href="#services">See Services</a>
<a class="ready-btn page-scroll" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- direction 2 -->
<div id="slider-direction-2" class="slider-direction slider-two">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="slider-content text-center">
<!-- layer 1 -->
<div class="layer-1-1 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
<h2 class="title1">Jitedra Computer Institute</h2>
</div>
<!-- layer 2 -->
<!-- <div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
<h1 class="title2">We're In The Business Of Get Quality Business Service</h1>
</div> -->
<!-- layer 3 -->
<div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
<a class="ready-btn right-btn page-scroll" href="#services">See Services</a>
<a class="ready-btn page-scroll" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- direction 3 -->
<div id="slider-direction-3" class="slider-direction slider-two">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="slider-content">
<!-- layer 1 -->
<div class="layer-1-1 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
<h2 class="title1">The Best Computer Institute</h2>
</div>
<!-- layer 2 -->
<!-- <div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
<h1 class="title2">Helping Business Security & Peace of Mind for Your Family</h1>
</div> -->
<!-- layer 3 -->
<div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
<a class="ready-btn right-btn page-scroll" href="#services">See Services</a>
<a class="ready-btn page-scroll" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Slider Area -->
<!-- Start About area -->
<div id="about" class="about-area area-padding">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="section-headline text-center">
<h2>About JCI</h2>
</div>
</div>
</div>这里是footer.php代码
<!-- Start Footer bottom Area -->
<footer>
<div class="footer-area">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="footer-content">
<div class="footer-head">
<div class="footer-logo">
<h2><span>e</span>Business</h2>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</p>
<div class="footer-icons">
<ul>
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-google"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-pinterest"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- end single footer -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="footer-content">
<div class="footer-head">
<h4>information</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
<div class="footer-contacts">
<p><span>Tel:</span> +123 456 789</p>
<p><span>Email:</span> [email protected]</p>
<p><span>Working Hours:</span> 9am-5pm</p>
</div>
</div>
</div>
</div>
<!-- end single footer -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="footer-content">
<div class="footer-head">
<h4>Instagram</h4>
<div class="flicker-img">
<a href="#"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/portfolio/1.jpg" alt=""></a>
<a href="#"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/portfolio/2.jpg" alt=""></a>
<a href="#"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/portfolio/3.jpg" alt=""></a>
<a href="#"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/portfolio/4.jpg" alt=""></a>
<a href="#"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/portfolio/5.jpg" alt=""></a>
<a href="#"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/portfolio/6.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-area-bottom">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="copyright text-center">
<p>
© Copyright <strong>Jitendra Computer Institute</strong>. All Rights Reserved
</p>
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=eBusiness
-->
This Site Is Developed and Managed By <a href="https://www.pathor.ml/">PathOr Groups</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- JavaScript Libraries -->
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/jquery/jquery.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/owlcarousel/owl.carousel.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/venobox/venobox.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/knob/jquery.knob.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/wow/wow.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/parallax/parallax.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/easing/easing.min.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/appear/jquery.appear.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/lib/isotope/isotope.pkgd.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/contactform/contactform.js"></script>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/main.js"></script>
</body>
</html>我想以上文件足以分析。
有人可以帮我吗？
1个回答
0
投票
投票
检查footer.php文件中是否包含代码并包含wp_footer()函数。您的网站缺少“页脚”部分（</body></html>等），并且未加载任何Javascript文件，并且某些Javascript文件会在加载页面时删除预加载器。
最新问题
- 在Python中获得量子力学问题收敛解决方案的问题
- 在计划块中使用不完整和未排序的数据库列
- C 中的用户输入比较，用户输入数组中出现意外符号
- Peoplesoft 中的单个错误消息中有多个验证错误
- 如何检查输入参数中传递的对象类型
- Macintosh 中的 Python 文本转语音
- 我不明白对我的代码比较文件字节内容的批评。爪哇
- 选择表 A 中表 A.status=2 的所有行以及表 B 中 A.id=B.T1_id 的所有行
- Python Zeep-“输入字符串的格式不正确”
- 从许多json数据中过滤
- 有没有另一种loss可以替代tensorflow中的seq2seq.sequence_loss
- where 条件为特定的 Excel 工作表范围
- dask 如何处理大于内存的数据集？
- iOS Safari 触摸事件在 17.4.1 中停止触发
- 为什么此 ArcGIS 查询中的每个属性（OBJECTID 除外）都返回 null？
- 如何让 HikariCP 指标在 NewRelic 中正确显示？
- 任务与线程池
- 为什么我在尝试安装gym[all]时遇到错误？
- 在Android中使用按键实现Play Integrity
- 如何使用Delphi重载DLL中的导出函数？
© www.soinside.com 2019 - 2024. All rights reserved.