Select2无法正确呈现 [英] Select2 doesn't render properly
本文介绍了Select2无法正确呈现的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正试图将Select2库添加到我的项目中,但我失败了:
I am attemping to add Select2 library to my project, but I am failing miserably:
我的代码如下:
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link ref="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<link ref="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>
</head>
体内:
<form>
<input type="hidden" name="page" value="products"/>
<div class="form-group">
<label for="exampleInputEmail1">Include</label>
<select class="form-control select2" name="inc" multiple>
<option>Chicken</option>
<option>Ready Meals</option>
<option>Rice</option>
</select>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Exclude</label>
<select class="form-control select2" name="exc" multiple>
<option>Chicken</option>
<option>Ready Meals</option>
<option>Rice</option>
</select>
</div>
<script type="text/javascript">
$(".select2").select2({ multiple: true});
</script>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
我在做什么错了?
推荐答案
请检查: 在CSS链接中是"rel"而不是"ref"
Please check: It is "rel" rather than "ref" in the CSS links
这篇关于Select2无法正确呈现的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文