我有一个带引导选择框的网页。
当我使用
时<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>
其他人对此有任何疑问?
答案 0 :(得分:2)
我说你的资源可能以错误的顺序加载。确保它们是这样的:
<强> CSS 强>:
<强> JS 强>: