0

你好我正在训练使用 Bootstrap Form Helper V2.3.0 创建带有标志的语言组合框所以我

  1. 下载Bootstrap Form Helper V2.3.0 免费版
  2. 下载 Bootsrap 3.0.0 ( http://bootstrapdocs.com/v3.0.0/docs/ )
  3. 链接jquery jquery-1.10.2

Bootstrap Form Helper V2.3.0需要这个版本的jquery和bootsrap

比创建简单的 index.html 页面并从文档http://bootstrapformhelpers.com/language/#jquery-plugins复制示例代码

结果是 EMPTY 选择列表，控制台中没有错误

有人可以解释我做错了什么吗？

索引.html

  <!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Form Helpers Basic Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="bootstrap-3.0.0/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">

    <!-- Bootstrap Form Helpers -->
    <link href="bootstrapformhelpers/css/bootstrap-formhelpers.min.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>

          <script src="js/respond.min.js"></script>
        <![endif]-->
      </head>
      <body>
      <!-- Example 3 -->
        <div class="bfh-selectbox bfh-languages" data-language="en_US" data-available="en_US,fr_CA,es_MX" data-flags="true">
        </div>
      <!-- Example 4 -->
      <span class="bfh-languages" data-language="en_US" data-flags="true"></span>
        <!-- jQuery -->
        <script   src="https://code.jquery.com/jquery-1.10.2.js"  integrity="sha256-it5nQKHTz+34HijZJQkpNBIHsjpV8b6QzMJs9tmOBSo="  crossorigin="anonymous"></script>

        <!-- Bootstrap -->
        <script src="bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>

        <!-- Bootstrap Form Helpers -->
        <script src="bootstrapformhelpers/js/bootstrap-formhelpers.js"></script>
      </body>
    </html>
4

0 回答 0