引导程序下拉菜单在安全浏览器中不起作用

我正在使用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

引导程序下拉菜单在安全浏览器中不起作用

回答

相关问题