引導程序下拉菜單在安全瀏覽器中不起作用

我正在使用Bootstrap的下拉菜單。他們在我的所有瀏覽器中都能正常工作，除非我通過安全瀏覽時，他們根本無法工作。我在我的網站上有付款表單，需要安全瀏覽，但下拉不起作用。該頁面可在http://www.wheel-rail-seminars.com/wri-2014/pricing.php找到。點擊任何項目的複選框以轉到安全訂單表單，這是下拉菜單失敗的地方。這裏是我的php包含導航頭的代碼。引導程序下拉菜單在安全瀏覽器中不起作用

<!DOCTYPE HTML> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>WRI 2014 :<?php echo $pageTitle ?></title> 
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"> 
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css"> 
<link rel="stylesheet" type="text/css" href="//cloud.typography.com/7406852/623422/css/fonts.css" /> 
<link href="css/custom.css" rel="stylesheet" type="text/css"> 

<!-- HTML5 shim for IE backwards compatibility --> 
<!--[if lt IE 9]> 
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
</head> 
<body class="<?php echo $bodyClass ?>"> 
    <div class="container-fluid"> 
    <header class="row-fluid"> 
     <div class="logo"> <a href="index.php"><img src="img/wri20Logo.png" title="WRI 2014" alt="WRI 2014" /></a> 
     </div> 
     <div class="header-text"> 
     <h1>20th Annual Wheel Rail Interaction Conference</h1> 
     <h2>The Educational Railroading Conference Leader Since 1994</h2> 
      <h3 style="float: right; text-align: center; margin-right: 75px; margin-top: 20px;">Henderson, NV (Las Vegas)<br>May 5 - 8, 2014</h3> 
     <p>Presented by</p> 
     <a href="http://www.trainsmag.com"><img class="inline" src="img/trainsLogo.gif" title="Trains Magazine" alt="Trains Magazine" /></a> 

     </div> 
    </header> 
    <div class="row-fluid"> 
    <nav class="navbar"> 
     <div class="navbar-inner"><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span><span class="icon-bar"></span> </a> <a class="brand hidden-desktop" href="#">WRI 2014</a> 
     <div class="nav-collapse"> 
      <ul class="nav"> 
      <li class="dropdown rt-button"><a href="#" class="dropdown-toggle nav-btn rt-icon" data-toggle="dropdown">Rail Transit 
       <p>Seminar</p> 
       May 6<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
       <li><a href="rt-index.php">Information</a></li> 
       <li><a href="rt-speakers.php">Speakers</a></li> 
       <li><a href="rt-sponsors.php">Sponsors</a></li> 
       </ul> 
      </li> 
      <li class="dropdown pc-button"><a href="#" class="dropdown-toggle nav-btn pc-icon" data-toggle="dropdown">Principles 
       <p>Course</p> 
       May 7<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
       <li><a href="pc-index.php">Information</a></li> 
       <li><a href="pc-speakers.php">Speakers</a></li> 
       <li><a href="pc-sponsors.php">Sponsors</a></li> 
       </ul> 
      </li> 
      <li class="dropdown hh-button"><a href="#" class="dropdown-toggle nav-btn hh-icon" data-toggle="dropdown">Heavy Haul 
       <p>Seminar</p> 
       May 8-9<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
       <li><a href="hh-index.php">Information</a></li> 
       <li><a href="hh-speakers.php">Speakers</a></li> 
       <li><a href="hh-sponsors.php">Sponsors</a></li> 
       <li><a href="hh-infozone.php">InfoZone</a></li> 
       </ul> 
      </li> 
      <li><a href="pricing.php">Registration</a></li> 
      <li><a href="hotel.php">Hotel</a></li> 
      <li><a href="downloads.php">Downloads</a></li> 
      <li><a href="faq.php">FAQ</a></li> 
      </ul> 
     </div> 
     <!-- END div nav-collapse --> 
     </div> 
     <!-- END div navbar-inner --> 
    </nav> 
    <!-- END div navbar --> 

    </div>

來源

2013-10-02 user2431058

define _secure browsing_ - 你指的是HTTPS嗎？ – 2013-10-02 16:13:26

''[blocked] https://www.wheel-rail-seminars.com/wri-2014/payment.php中的頁面從http：// code.jquery.com/jquery-latest.js'運行不安全的內容獲取也許是該庫的本地副本... –

在您的文件變化<script src="http://code.jquery.com/jquery-latest.js"></script>的底部<script src="//code.jquery.com/jquery-latest.js"></script> 這樣，你的瀏覽器會自動決定是使用http或https。

而同此鏈接http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js

這http://html5shim.googlecode.com/svn/trunk/html5.js

或者其他的解決辦法是讓這些文件的本地副本。

來源

2013-10-02 16:46:39

這正是問題所在。 OP正在使用'https：//'，但是然後從不安全的（'http：//'）源請求源。這與問題中提出的Bootstrap無關，因爲該資源存儲在本地並且相對於當前協議/路徑加載。 – Gray

謝謝！當時，我發現有一個調用不安全的源代碼，但我正在查看我的原始代碼，而不是生成的代碼，並且沒有看到bootstrap-dropdown.js的代碼。 – user2431058

引導程序下拉菜單在安全瀏覽器中不起作用

回答

相關問題