2017-05-25 164 views
0

因此,我爲我的顯示創建了這個項目,出於某種原因,我創建了一個面板框,在我的本地主機上正常工作,但沒有在Github上託管它之後。 這裏是我的源代碼:面板框在本地主機上工作,但不在github上

 <!-- press --> 
<div class="container"> 

    <section> 
     <div class="page-header" id="section-press"> 
      <h2>Press <small>What the press said about NO SHOW</small></h2> 
     </div> <!-- end page-header --> 


     <div class="panel-group" id="accordion-qa"> 

      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h4 class="panel-title"><a href="#qa-1" data-toggle="collapse" data-parent="#accordion-qa"><h3> The Advocate </h> </a></h4> 
       </div> 
       <div class="panel-collapse collapse in" id="qa-1"> 
        <div class="panel-body"> 
         <a href="http://www.theadvocate.com/baton_rouge/entertainment_life/article_9d97eca2-39be-11e7-825b-bb7960e93753.html"><img border="0" alt="The Advocate" src="images/advocate.png" width="900px" height="auto"></a> 
        </div> <!-- end panel-body --> 
       </div> <!-- end collapse --> 
      </div> <!-- end panel --> 

      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h4 class="panel-title"><a href="#qa-2" data-toggle="collapse" data-parent="#accordion-qa"><h3> 225 Magazine </h></a></h4> 
       </div> 
       <div class="panel-collapse collapse" id="qa-2"> 
        <div class="panel-body"> 
         <a href="https://www.225batonrouge.com/things-to-do/nearly-year-series-no-show-comedy-team-keeps-jokes-fresh"><img border="0" alt="225" src="images/225.png" width="900px" height="auto"></a> 
        </div> <!-- end panel-body --> 
       </div> <!-- end collapse --> 
      </div> <!-- end panel --> 

      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h4 class="panel-title"><a href="#qa-3" data-toggle="collapse" data-parent="#accordion-qa"><h3>The Daily Reveille </h></a></h4> 
       </div> 
       <div class="panel-collapse collapse" id="qa-3"> 
        <div class="panel-body"> 
         <a href="http://www.lsunow.com/daily/students-headline-monthly-comedy-show/article_7d064d18-796f-11e6-89d8-27174a75f464.html"><img border="0" alt="The Reveille" src="images/lsu.png" width="900px" height="auto"></a> 
        </div> <!-- end panel-body --> 
       </div> <!-- end collapse --> 
      </div> <!-- end panel --> 
     </div> <!-- end panel-group --> 
    </section> 

</div> 

<!-- end press --> 

這是配電箱的樣子:

它看起來很棒,鏈接工作,但所有的按鈕都無反應;這很奇怪,因爲在我的電腦上一切正常。這也發生在我們展覽的畫廊上。

這裏是直接鏈接到頁面:

https://namburger.github.io/NOSHOWComedy/index.html#qa-2

所以對不起,我很新的Web開發,因此任何幫助,甚至額外的提示,不與此相關的,將不勝感激!

+0

我想你的網站和麪板在Chrome的工作,是你用FF來測試它? – threeFatCat

回答

0

我檢查了控制檯和FF得到這個錯誤:

阻止裝載混合活動內容 「http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js

你提到,在本地主機的偉大工程。據this在那裏你可以讀出更多的

注:由於火狐55的混合內容加載允許在本地主機 (見錯誤903966)。

我檢查你的頭和你錯過shttp

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 

只是改變這樣的:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
+0

非常感謝。所以我改變了你的建議,現在它工作得很好。谷歌日曆不適用於Firefox,但這應該是一個簡單的解決方案。非常感謝! –

+0

歡迎!樂意效勞 :) – threeFatCat

相關問題