引导窗体帮助程序选择框
Bootstrap-formhelpers select box
我有一个带有引导程序选择框的网页。
当我使用时
<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:
- 引导.css
- 用于帮助.css的引导程序
- 您的应用程序.css
JS:
- jquery.js
- bootstrap.js
- 引导程序-帮助.js
- yourapp.js
相关文章:
- {{#each}}内部的Handlebar帮助程序
- Handlebars帮助程序未获取变量的值
- Node Express Handlebars帮助程序未返回函数的结果
- 如何让应用程序帮助程序方法在发送的请求为 JS 格式时工作
- 从帮助程序异步返回值
- 无法使用模板帮助程序设置正文类
- 在呈现模板之前调用帮助程序
- 花式框 V2 按钮帮助程序冲突
- 在帮助程序处获取对象值的车把,无需使用数据进行编译
- {{outlet}}、{{yield}、}{render}和{{partial}的ember帮助程序之间存在差异
- 模板帮助程序在session.set之后未更新
- 引导程序窗体帮助程序-状态选择器-选择类
- 如何在HTMLBars中编写帮助程序
- 使用自定义断言帮助程序对cli扩展assert进行ember-cli扩展
- 引导窗体帮助程序选择框
- 在模板帮助程序中连接两个查询的结果
- 将字符串中的URL替换为包含匹配URL的HTML字符串的Handlebar帮助程序
- 在Handlebars.js中查询块帮助程序
- Ember.js:如何使用选择帮助程序上的观察者来筛选内容
- Bootstrap表单帮助程序未选择完整的国家/地区名称