[英]Bootstrap-formhelpers select box
I've got a webpage with bootstrap selectbox. 我有一个带有引导选择框的网页。
When i use 当我使用
<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>
every javascript code on the page stops working. 该页面上的每个JavaScript代码都会停止运行。
Besides that, the selectbox cannot be toggled somehow. 除此之外,无法以某种方式切换选择框。 I added every css and js files from bootstrap and bootstrap-formhelpers site.
我从bootstrap和bootstrap-formhelpers网站添加了每个css和js文件。
My javascript code to toggle the selectbox: 我的JavaScript代码来切换选择框:
<script type='text/javascript'>
$(document).ready(function() {
$('.reg-select').click(function() {
$().bfhselectbox('toggle');
});
});
</script>
Anyone else who has had any trouble with this? 还有其他遇到任何麻烦的人吗?
I'd say you probably have your resources loaded in the wrong order. 我会说您可能以错误的顺序加载了资源。 Make sure they go like this:
确保他们像这样去:
CSS : CSS :
JS : JS :
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.