本地引導的導航標籤的工作，但不能遠程從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頁

回答

相關問題