javascript - 使用 javascript 和父 div 自定义选择

标签 javascript jquery html css twitter-bootstrap

<分区>

我想用 javascript 和 css 创建自定义选择...我发现这个库非常有用:http://silviomoreto.github.io/bootstrap-select/

我试着在我的网站上实现(你可以在这里看到:http://warm-bastion-7866.herokuapp.com/)

问题是当我点击选择时,它没有打开菜单...我发现“真正的问题”是它没有在父 div 上添加类“open”(div with class="btn-group bootstrap-select bla bli").

我对 Flat UI 的库有同样的问题:http://designmodo.com/demo/flat-ui/

Flat UI 也使用一个名为(bootstrap-select,就像之前链接的脚本)的库,我有同样的问题,没有将类“open”添加到父 div。

我也试过只加载几个 js 和 css 库,但没有任何变化。

我认为问题出在发生冲突的地方......firebug 没有给我错误:(

有什么帮助吗?

谢谢。

编辑:http://jsfiddle.net/n5NEU/7/(我必须添加空格,因为我不能插入更多的两个链接)。

最佳答案

在我看来你没有使用 Bootstrap-select .
你可以下载他们的脚本here并在您的元素中引用 css 和 js。

检查这个fiddle .

HTML

<select id="id_select" class="selectpicker bla bla bli">
        <option>cow</option>
        <option>aaa</option>
</select>

Javascript

$('.selectpicker').selectpicker();

注意:

您不需要包含 bootstrap-dropdown.js ,尤其是因为您引用的是 2.3.2,但您似乎使用的是 bootstrap ver 3。

关于javascript - 使用 javascript 和父 div 自定义选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18402055/

相关文章:

javascript - 如何扩展 'resize'事件?

javascript - 使用 jQuery 为列表元素创建悬停状态

javascript - javascript 请求时 url 无响应

javascript - JS逻辑: Open/close menu on click or replace with another

html - 外接显示器影响Chrome字体清晰度?

javascript - 如何获取剑道中选定的行数据

javascript - 更改输入文本的颜色

javascript - 如何在数据表中的复杂标题上显示/隐藏列

jquery - 关于JSON和序列化的问题

javascript - 脚本无法运行且没有错误消息