我有一个带有 Bootstrap 选择框的网页。
当我使用
<div class = "bfh-selectbox">
<input type = "hidden" name = "selectbox1" value = "">
<a class = "bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" >
<span class = "bfh-selectbox-option input-medium" data-option="1">Option 1</span>
<b class = "caret"></b>
</a>
<div class = "bfh-selectbox-options">
<input type="text" class="bfh-selectbox-filter">
<div role="listbox">
<ul role="option">
<li class = "reg-select"><a tabindex="-1" href="#" data-option="1">Option 1</a></li>
<li class = "reg-select"><a tabindex="-1" href="#" data-option="2">Option 2</a></li>
<li class = "reg-select"><a tabindex="-1" href="#" data-option="3">Option 3</a></li>
<li class = "reg-select"><a tabindex="-1" href="#" data-option="4">Option 4</a></li>
<li class = "reg-select"><a tabindex="-1" href="#" data-option="5">Option 5</a></li>
</ul>
</div>
</div>
</div>
页面上的每个 javascript 代码都停止工作。
除此之外,无法以某种方式切换选择框。我从 bootstrap 和 bootstrap-formhelpers 站点添加了每个 css 和 js 文件。
我用来切换选择框的 javascript 代码:
<script type='text/javascript'>
$(document).ready(function() {
$('.reg-select').click(function() {
$().bfhselectbox('toggle');
});
});
</script>
还有谁遇到过这个问题吗?
最佳答案
我会说你可能以错误的顺序加载了你的资源。确保它们是这样的:
CSS:
- bootstrap.css
- bootstrap-formhelpers.css
- 你的应用程序.css
JS:
- jquery.js
- bootstrap.js
- bootstrap-formhelpers.js
- 你的app.js
关于javascript - Bootstrap-formhelpers 选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20283909/