我开发了一个网站，其中包含用于画廊的第三方插件。问题是，页面在localhost上工作正常，但是在服务器上变得无响应。
在此链接到页面，单击任意图像：link to page
以下是代码段：link to snippet
以下是在localhost上正常运行但在服务器上变得无响应的代码。我的网站托管在VPS Linux上。
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Our Projects - Micro Engineering</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<!--Google Font link-->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link rel="stylesheet" href="assets/css/slick/slick.css">
<link rel="stylesheet" href="assets/css/slick/slick-theme.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/iconfont.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/bootsnav.css">
<!-- xsslider slider css -->
<!--<link rel="stylesheet" href="assets/css/xsslider.css">-->
<!--For Plugins external css-->
<!--<link rel="stylesheet" href="assets/css/plugins.css" />-->
<!--Theme custom css -->
<link rel="stylesheet" href="assets/css/style.css">
<!--<link rel="stylesheet" href="assets/css/colors/maron.css">-->
<!--Theme Responsive css-->
<link rel="stylesheet" href="assets/css/responsive.css" />
<script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<style class="cp-pen-styles"> body {
font-family: 'Source Sans Pro', sans-serif;
}
#gridGallery {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
h2,
.ms-WPBody h2 {
color: #000;
}
.box h3 {
color: #fff;
font-family: 'Source Sans Pro';
font-weight:700;
}
section {
margin: 25px 0;
}
#gridGallery .row {
background-color: black;
}
.box {
background-position: center center;
background-size: cover;
border: 1px solid #fff;
transition: opacity .25s;
overflow: hidden;
}
.hiddenText {
display: none !important;
}
.box:hover {
cursor: pointer;
z-index: 1;
}
#boxOne,
#boxTwo,
#boxSeven,
#boxEight {
height: 300px;
}
#boxThree,
#boxFour,
#boxFive,
#boxSix {
height: 150px;
}
#boxOne {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageOne.jpg');
}
#boxEight {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageEight.jpg');
}
#boxTwo {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageTwo.jpg');
}
#boxSeven {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageSeven.jpg');
}
#boxThree {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageThree.jpg');
}
#boxSix {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageSix.jpg');
}
#boxFour {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageFour.jpg');
}
#boxFive {
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/imageFive.jpg');
}
.full {
float: none;
height: 600px !important;
width: 1170px;
position: absolute;
z-index: 2;
}
#gridH {
background-color: #eee;
min-height: 600px;
margin-bottom: 50px;
}
#gridH .row {
margin-top: 150px;
}
#gridH .row .full {
margin-top: -150px;
}
.full:hover {
transform: scale(1);
box-shadow: none;
}
.opacity {
opacity: .8;
}
.captionBox {
background-color: rgba(0, 0, 0, 0.8);
bottom: 50px;
color: white;
left: 50px;
padding: 25px;
position: absolute;
opacity: 0;
}
.captionBox p {
font-size: 16px;
font-weight:300;
}
.captionBox h3 {
margin-top: 0;
text-transform: uppercase;
}
.transition {
transition: 1s;
}
.bottomRight {
left: auto;
right: 80px;
}
.topRight {
left: auto;
right: 50px;
bottom: auto;
top: 50px;
}
.topLeft {
bottom: auto;
top: 50px;
}
.toggleIcon {
background-color: rgba(0, 0, 0, 0.7);
background-position: center center;
background-repeat: no-repeat;
background-size: 26px 26px;
border-radius: 3px;
bottom: 15px;
height: 36px;
left: -100px;
opacity: 0;
padding: 10px;
position: absolute;
width: 36px;
}
.box.full .toggleIcon {
background-color: rgba(0, 0, 0, 0.57);
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
top: 26px;
height: 36px;
left: 50px;
opacity: 0;
padding: 10px;
position: absolute;
width: 36px;
}
.box:hover .toggleIcon {
opacity: 1;
left: 15px;
transition: all 0.25s ease 0s;
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/openIcon.png');
}
.box.full .toggleIcon {
opacity: 1;
left: 50px;
top: 26px;
border-radius: 0;
background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/closeIcon.png');
background-size: 55%;
}
.box.full .toggleIcon:hover {
background-color: black;
transition: all 0s ease 0;
}
#gridGallery > .row {
margin: 0;
}
@media (max-width: 1200px) {
.full {
width: 970px;
}
}
@media (max-width: 992px) {
.full {
width: 750px;
}
}
@media (max-width: 768px) {
#boxThree,
#boxFour,
#boxFive,
#boxSix {
height: 300px;
}
.toggleIcon {
display: none;
}
.full .captionBox {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
padding: 10px;
}
.full .captionBox p {
display: none;
}
.full .captionBox h3 {
margin-bottom: 0;
}
.box.full {
height: inherit;
width: 100%;
}
.box {
max-height: 150px !important;
}
#gridGallery .row {
background-color: transparent;
}
#gridH .row {
margin-top: 0px;
}
.box.full .toggleIcon {
height: 50px !important;
left: 0 !important;
top: 0 !important;
width: 50px !important;
display: block;
}
.mobileFunction {
float: left;
height: 150px;
width: 100%;
}
/* SHAREPOINT ONLY */
}</style><
</head>
<body data-spy="scroll" data-target=".navbar-collapse">
<div class="culmn">
<!--Home page style-->
<nav class="navbar navbar-default bootsnav navbar-default">
<div class="navbar-top bg-grey fix">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="navbar-callus text-left sm-text-center">
<ul class="list-inline">
<li><a href=""><i class="fa fa-phone"></i> Call us: +1204558718 / +919899494564 </a></li>
<li><a href=""><i class="fa fa-envelope-o"></i> Contact us: business@microengineering.co.in</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="navbar-socail text-right sm-text-center">
<ul class="list-inline">
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Start Top Search -->
<div class="top-search">
<div class="container">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Top Search -->
<div class="container">
<div class="attr-nav">
<ul>
</ul>
</div>
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<img src="assets/images/logo.png" class="logo" alt="">
<!--<img src="assets/images/footer-logo.png" class="logo logo-scrolled" alt="">-->
</a>
</div>
<!-- End Header Navigation -->
<!-- navbar menu -->
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="our-projects.html">Our Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="http://www.microengineering.co.in/me/client"><i class="fa fa-briefcase"></i> Track Project</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
<!--breadcrumbs start-->
<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-4">
<h1>
</h1>
</div>
<div class="col-lg-8 col-sm-8">
<ol class="breadcrumb pull-right">
<li>
<a href="index.html">
Home
</a>
</li>
<li class="active">
Our Projects
</li>
</ol>
</div>
</div>
</div>
</div>
<!--breadcrumbs end-->
<section id="about" class="test bg-grey roomy-60 fix">
<div class="container">
<div class="row">
<div class="main_test fix">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="head_title text-center fix">
<h2 class="text-uppercase">Our Projects</h2>
</div>
</div>
</div>
</div>
</div>
</section>
<hr>
<section id="gridGallery">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-6 box" id="boxOne">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText">
<h3>Here is some text</h3>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-table Intelligentsia Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-table Intelligentsia Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-3 col-xs-6 box" id="boxTwo">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText">
<h3>Here is some text</h3>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-tab
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-3 col-xs-6 box" id="boxThree">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText">
<h3>Here is some text</h3>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-table Intelligentsia Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-3 col-xs-6 box" id="boxFour">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText">
<h3>Here is some text</h3>
<p>Fixie banh mi blog,
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-6 col-xs-6 pull-right box" id="boxEight">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText">
<h3>Here is some text</h3>
<p>Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-3 col-xs-6 pull-right box" id="boxSeven">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText">
<h3>Here is some text</h3>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-table Intelligentsia Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-3 col-xs-6 box" id="boxFive">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText bottomRight">
<h3>Here is some text</h3>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-table Intelligentsia Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
</div>
</div>
<div class="col-sm-3 col-xs-6 box" id="boxSix">
<div class="toggleIcon"></div>
<div class="col-sm-6 captionBox hiddenText bottomRight">
<h3>Here is some text</h3>
<p>Fixie banh mi blog, YOLO sriracha roof party mumblecore post-ironic. Keytar 90's cornhole drinking vinegar deep v, VHS messenger bag Pinterest. Etsy farm-to-table Intelligentsia Thundercats, pork belly vegan authentic single-origin coffee dreamcatcher
bespoke master cleanse street art art party.</p>
</div>
</div>
</div>
<!--.row-->
</div>
<!--.container-->
</section>
<!--Call to action section-->
<section id="action" class="action bg-primary roomy-40">
<div class="container">
<div class="row">
<div class="maine_action">
<div class="col-md-8">
<div class="action_item text-center">
<h2 class="text-white text-uppercase">Any question in your mind?</h2>
</div>
</div>
<div class="col-md-4">
<div class="action_btn text-left sm-text-center">
<a href="enquiry.html" class="btn btn-default">Enquiry</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="contact" class="footer action-lage bg-black p-top-80">
<!--<div class="action-lage"></div>-->
<div class="container">
<div class="row">
<div class="widget_area">
<div class="col-md-3">
<div class="widget_item widget_about">
<h5 class="text-white">Contact Info</h5>
<div class="widget_ab_item m-top-30">
<div class="item_icon"><i class="fa fa-location-arrow"></i></div>
<div class="widget_ab_item_text">
<h6 class="text-white">Location</h6>
<p>
C – 47, Ground Floor, Sector – 2, Noida – 201301 <br>Uttar Pradesh</p>
</div>
</div>
<div class="widget_ab_item m-top-30">
<div class="item_icon"><i class="fa fa-phone"></i></div>
<div class="widget_ab_item_text">
<h6 class="text-white">Phone :</h6>
<p> (+91) 989 949 4564 </p>
<p> (+120) 455 8718 </p>
</div>
</div>
<div class="widget_ab_item m-top-30">
<div class="item_icon"><i class="fa fa-envelope-o"></i></div>
<div class="widget_ab_item_text">
<h6 class="text-white">Email Address :</h6>
<p>business@microengineering.co.in</p>
</div>
</div>
</div><!-- End off widget item -->
</div><!-- End off col-md-3 -->
<div class="col-md-3">
<div class="widget_item widget_service sm-m-top-50">
<h5 class="text-white">Our Projects</h5>
<ul class="m-top-20">
<li class="m-top-20"><a href="our-projects.html"><i class="fa fa-angle-right"></i> MES Hospital in Srinagar</a></li>
<li class="m-top-20"><a href="our-projects.html"><i class="fa fa-angle-right"></i> 6 Air Force Hospitals in Coimbatore</a></li>
<li class="m-top-20"><a href="our-projects.html"><i class="fa fa-angle-right"></i> Eden Parn in Neemrana, Rajasthan</a></li>
<li class="m-top-20"><a href="our-projects.html"><i class="fa fa-angle-right"></i> Township in Lalitpur</a></li>
<li class="m-top-20"><a href="our-projects.html"><i class="fa fa-angle-right"></i> 24B Commercial in Noida</a></li>
</ul>
</div><!-- End off widget item -->
</div><!-- End off col-md-3 -->
<div class="col-md-3">
<div class="widget_item widget_service sm-m-top-50">
<h5 class="text-white">Quick Links</h5>
<ul class="m-top-20">
<li class="m-top-20"><a href="about.html"><i class="fa fa-angle-right"></i> About</a></li>
<li class="m-top-20"><a href="our-projects.html"><i class="fa fa-angle-right"></i> Our Projects</a></li>
<li class="m-top-20"><a href="services.html"><i class="fa fa-angle-right"></i> Services</a></li>
<li class="m-top-20"><a href="enquiry.html"><i class="fa fa-angle-right"></i> Contact</a></li>
</ul>
</div><!-- End off widget item -->
</div><!-- End off col-md-3 -->
<div class="col-md-3">
<div class="widget_item widget_newsletter sm-m-top-50">
<h5 class="text-white">Customer First</h5>
<div class="widget_brand m-top-10">
<a href="" class="text-uppercase">Micro Engineering</a>
<p>Understand customer requirements and design personalized
solutions to ensure customer delight and exceed their expectations. </p>
</div>
</div><!-- End off widget item -->
</div><!-- End off col-md-3 -->
</div>
</div>
</div>
<div class="main_footer fix bg-mega text-center p-top-40 p-bottom-30 m-top-80">
<div class="col-md-12">
<p class="wow fadeInRight" data-wow-duration="1s">
© 2018 <a target="_blank" href="https://www.microengineering.co.in">Micro Engineering</a>. All Rights Reserved. Designed with
<i class="fa fa-heart"></i>
in India by
<a target="_blank" href="https://www.balraj.co">Balraj Software</a>
</p>
</div>
</div>
</footer>
</div>
<!-- JS includes -->
<script src="assets/js/vendor/jquery-1.11.2.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.js"></script>
<script src="assets/js/jquery.easing.1.3.js"></script>
<script src="assets/css/slick/slick.js"></script>
<script src="assets/css/slick/slick.min.js"></script>
<script src="assets/js/jquery.collapse.js"></script>
<script src="assets/js/bootsnav.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
<script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script>
<script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script>
<script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script>
<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script><script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script >$(document).ready(function() {
$(".box").on("click", function() {
$(this).siblings().toggleClass("hidden");
$(this).toggleClass("full");
$(".captionBox").toggleClass("hiddenText");
$(this).children().animate({
opacity: "1"
}, 500, function() {});
});
if ($(window).width() < 768) {
$(".box").on("click", function() {
$("#gridGallery").toggleClass("mobileFunction");
});
}
if ($(window).width() >= 768) {
$(".box").hover(function() {
$(this).siblings().toggleClass("opacity");
});
}
$(".horizontal").click(function() {
$(this).toggleClass("full");
$(".captionBox").toggleClass("hiddenText");
$(this).children().animate({
opacity: "1"
}, 500, function() {});
});
$(".horizontal").hover(function() {
$(this).siblings().toggleClass("opacity");
});
});
//# sourceURL=pen.js
</script>
</body>
</html>