你好,我正在训练使用Bootstrap Form Helper V2.3.0创建带有标志的语言组合框 所以我
Bootstrap Form Helper V2.3.0要求使用此版本的jquery和bootsrap
比创建简单的index.html页并从文档http://bootstrapformhelpers.com/language/#jquery-plugins复制示例代码
结果是EMPTY选择列表,控制台中没有错误
有人可以向我解释我在做什么错吗?
Index.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>