0

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>
4

1 に答える 1

1

ファイルの下部にある That way に変更<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-02T16:46:39.830 に答える