2015-05-09 121 views
2

我升级了我的Bootply.com帐户,下载1个代码片段无法正常工作。我在这里错过了什么the original Bootply.com snippet?!Javascript代码段不工作(缺少lib?)

这是我的index.html看什么,当我在Chrome中运行它:Imgur link.

这些都是在index.html

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     <meta charset="utf-8"> 
     <title>Bootstrap3 Wizard w/ FuelUX</title> 
     <meta name="generator" content="Bootply" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
     <!--[if lt IE 9]> 
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 
     <link href="css/styles.css" rel="stylesheet"> 
    </head> 

页脚包括:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/scripts.js"></script> 

回答

1

变化网址为//https://<url>

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     <meta charset="utf-8"> 
     <title>Bootstrap3 Wizard w/ FuelUX</title> 
     <meta name="generator" content="Bootply" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
     <!--[if lt IE 9]> 
      <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 
     <link href="css/styles.css" rel="stylesheet"> 
    </head>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/scripts.js"></script> 

页脚:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/scripts.js"></script> 

的原因是,您是在本地打开HTML文件。请注意,在地址栏中,协议是file://。但是,当您在Web服务器上运行它时,它可以工作,因为协议为http://https://

更新:

讨论搬到this thread

+0

感谢您的额外解释......我只是想问。 – Roberto

+1

很高兴帮助! – Ben

+0

它仍然没有工作,我是否缺少像fuelux一样的lib?请检查http://www.codeply.com/go/bp/eJLWIgwTw2 – whatever1