本地引导的导航标签的工作，但不能远程从GitHub页

编辑：问题解决了，所以我打消了我的Github上的链接。 Github页面需要https安全连接才能链接每个脚本。也总是检查控制台！本地引导的导航标签的工作，但不能远程从GitHub页

我得到一个奇怪的错误，如果我拖放我的index.html到Firefox或铬，引导程序导航选项卡的作品和标签过渡选项卡内容，当我点击“艺术”和“简历“ 标签。但是，如果我将我的网页推到Github页面并通过Github访问该页面，然后单击其他“艺术”选项卡，它将不起作用。该链接将更改为“＃艺术”，但标签内容不会转换。

的代码如下：

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="style/w3.css"> 
    <link rel="stylesheet" href="style/darkly.css"> 
    <link rel="stylesheet" href="main.css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="style/socialbuttons.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

    </head> 
    <body> 
    <ul class="nav nav-tabs"> 
     <li id="resume-tab" class="active"><a data-toggle="tab" href="#Resume">Resume</a></li> 
     <li id="art-tab"><a data-toggle="tab" href="#Art">Art</a></li> 
    </ul> 

    <div class="tab-content main-body"> 

     <div id="Resume" class="tab-pane fade in active"> 
      <div class="texts container"> 
       <p>resume tab</p> 
      </div> <!--close container--> 
     </div><!--close Resume--> 


     <div id="Art" class="tab-pane fade images"> 
      <div class="container"> 
        <p>art tab</p>   
      </div><!--close container--> 
     </div> <!--close images --> 
    </div> <!--close tab-content main-body --> 

    </body> 
</html>

如果保存的HTML文件，并将其拖动到浏览器，标签切换工作，但如果我主持它在Github页面，标签切换中断。

我也跟着上W3学校turtorial：

http://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp

来源

2016-07-29 Dobob

检查控制台，你有几种混合内容的警告（即你试图在'HTTP加载资源：//'从'的https：//'的网站） –

@Rory是啊，我很少检查控制台。它存在的事实完全让我头晕。我对web开发还很陌生。感谢您的支持，我会更频繁地查看控制台。 – Dobob

没有更多的时候，我不能同时发展@Dobob生活没有控制台，始终坚持安慰 –

Mixed Content: The page at 'https://theonlywei.github.io/' was loaded over 
HTTPS, but requested an insecure script 
'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'. This 
request has been blocked; the content must be served over HTTPS.

它有助于有时打开控制台，您需要使用：

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

所以你必须找到<script>标签，你导入bootstrap.js和纠正网址https

来源

2016-07-29 08:30:01

哇哦，我从来没有抓到该bug。仍然在学习网络开发，从不打扰控制台。感谢您的提醒，我将从现在开始检查控制台。 – Dobob

本地引导的导航标签的工作，但不能远程从GitHub页

回答

相关问题