个人中心
gpt4 book ai didi

javascript - Bootstrap js 未在 Live 服务器上加载

转载 作者：太空宇宙 更新时间：2023-11-04 12:15:34 28 4
gpt4 key购买 nike

我搜索了其他问题，但没有找到真正解决我问题的任何问题。我下载了一个模板，想用作自己的小作品集。在我的本地服务器上，一切正常。但是当我将它上传到实时服务器时，出现了问题。我认为问题出在 Bootstrap.js 或 bootstrap-theme.css

有些功能没有运行，根本不显示。例如打开网站时的加载栏、背景、一些图像和箭头。

我做了以下事情。

检查所有路径以确保它们是正确的。确保这不是缓存问题。试图在私有(private) View 中运行它(仍然是同样的问题)检查了 firefox 错误日志，但所有脚本似乎都已加载。

这是模板演示 - http://designova.net/presence/index01.html

这是我的实时版本 - codethis.co.za

这里是头部的代码和底部的js

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Code This -  Beautiful Website Design and More</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="http://www.codethis.co.za/bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="http://www.codethis.co.za/bootstrap/js/bootstrap.js" ></script>
<script src="http://www.codethis.co.za/javascripts/jquery.easing.1.3.js" type="text/javascript"></script>

<!-- Standard Favicon--> 
<link rel="shortcut icon" href="images/favicon/favicon.ico">

<!-- Standard iPhone Touch Icon--> 
<link rel="apple-touch-icon" sizes="57x57" href="images/touchicons/apple-touch-icon-57-precomposed" />
<!-- Retina iPhone Touch Icon--> 
<link rel="apple-touch-icon" sizes="114x114" href="assets/touchicons/apple-touch-icon-114-precomposed" />
<!-- Standard iPad Touch Icon--> 
<link rel="apple-touch-icon" sizes="72x72" href="assets/touchicons/apple-touch-icon-72-precomposed" />
<!-- Retina iPad Touch Icon--> 
<link rel="apple-touch-icon" sizes="144x144" href="assets/touchicons/apple-touch-icon-144-precomposed" />

<!-- Bootstrap CSS Files -->
<link href="http://www.codethis.co.za/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="http://www.codethis.co.za/bootstrap/css/bootstrap-theme.css" rel="stylesheet">
<!-- Custom Fonts Setup via Font-face CSS3 -->
<link href="http://www.codethis.co.za/fonts/fonts.css" rel="stylesheet">

<!-- CSS files for plugins -->
<link href="http://www.codethis.co.za/stylesheets/pace.preloader.css" rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/animate.css" rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/owl.carousel.css" rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/owl.theme.css" rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/magnific-popup.css" rel="stylesheet" > 
<link href="http://www.codethis.co.za/stylesheets/jquery.tweet.css" rel="stylesheet"/>
<link href="http://www.codethis.co.za/stylesheets/foliohover.css" rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/fancymenu.css"  rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/intro.css" rel="stylesheet">
<link href="http://www.codethis.co.za/stylesheets/pricing.css" rel="stylesheet">

<!-- Main Template Styles -->
<link href="stylesheets/main.css" type="text/css" rel="stylesheet">
<!-- Main Template Responsive Styles -->
<link href="stylesheets/main-responsive.css" type="text/css" rel="stylesheet">
<!-- Main Template Retina Optimizaton Rules -->
<link href="stylesheets/main-retina.css" type="text/css" rel="stylesheet">
<!-- LESS stylesheet for managing color presets -->

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

<!-- LESS JS engine-->
<script src="http://www.codethis.co.za/less/less-1.5.0.min.js" type="text/css"></script>
<script src="http://www.codethis.co.za/javascripts/modernizr.custom.js"></script>

 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="bootstrap/js/html5shiv.js"></script>
      <script src="bootstrap/js/respond.min.js"></script>
    <![endif]-->

<style>
    .full-height{
        height: 100%;
    }
</style>
</head>

在底部

<!-- JS Plugins -->
<script src="javascripts/pace.min.js"></script>
<script src="javascripts/retina.js"></script>
<script src="javascripts/device.min.js"></script>
<script src="javascripts/owl.carousel.js"></script>
<script src="javascripts/waypoints.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/okvideo.js"></script>
<script src="javascripts/jquery.mixitup.js"></script>
<script src="javascripts/flexslider.js" ></script> 

<script src="javascripts/jquery.magnific-popup.js"></script> 
<script src="javascripts/smooth-scroll.js"></script>
<script src="javascripts/form-validation.js"></script>
<script src="javascripts/classie.js"></script>
<script src="javascripts/fancymenu-rollin.js"></script>
<!-- Scroll Animations Setup -->
<script src="javascripts/wow.js"></script>
<script src="javascripts/animations-init.js"></script>
<!-- Custom Scripts Setup -->
<script src="javascripts/carousel-init.js" ></script> 
<script src="javascripts/portfolio.js"></script>
<script src="javascripts/intro.js"></script>
<script src="javascripts/main.js"></script>

有人可以帮我解决这里发生的事情吗

最佳答案

您的页面充满了 404 错误，这意味着 (1) 您的路径不正确，或者 (2) 服务器上不存在文件。

404 errors in Chrome console

需要注意的是，您对 JS、CSS 和图像资源使用的是相对路径还是绝对路径。记住:

  • 以 / 开头的路径将解析为 http://codethis.co.za/<path>
  • 不以 / 开头的路径将相对于当前路径是什么进行解析

也许您的路径中缺少子文件夹？

关于javascript - Bootstrap js 未在 Live 服务器上加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28748410/

28 4 0
文章推荐： c++ - 当我将该类放入另一个类的映射中时，类字符串变量会丢失其值
文章推荐： java - 保存和加载随机数不起作用
文章推荐： java - 为什么在 MongoDB 中使用 Rest api 时无法获得准确的数据？
文章推荐： c++ - boolean 类型的递归
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com