图像未显示在选择框中(Twitter Bootstrap插件)

尼姆罗德

我试图创建一个选择框,显示所有带有文本的Twitter Bootstrap图标。因此,我正在使用Bootstrap-Select插件其中一张图像显示在列表中,但其余的图像以某种方式被隐藏。

在此处输入图片说明

为了获得所有列出的图标及其文字的列表,我必须更改什么?

JS:

<script src="source/bootstrap_select/bootstrap-select.js" type="text/javascript"></script>

<script type="text/javascript">
    $( document ).ready(function() {
        $('.selectpicker').selectpicker('');
    });
</script>

HTML:

<select class="selectpicker">
    <option data-icon="icon-search">icon-search</option>
    <option data-icon="icon-envelope">icon-envelope</option>
    <option data-icon="icon-heart" selected="selected">icon-heart</option>
    <option data-icon="icon-star">icon-star</option>
    <option data-icon="icon-star-empty">icon-star-empty</option>
    <option data-icon="icon-user">icon-user</option>
    <option data-icon="icon-film">icon-film</option>
    <option data-icon="icon-th-large">icon-th-large</option>
    <option data-icon="icon-th">icon-th</option>
    <option data-icon="icon-th-list">icon-th-list</option>
    <option data-icon="icon-ok">icon-ok</option>
    <option data-icon="icon-remove">icon-remove</option>
    <option data-icon="icon-zoom-in">icon-zoom-in</option>
    <option data-icon="icon-zoom-out">icon-zoom-out</option>
    <option data-icon="icon-off">icon-off</option>
    <option data-icon="icon-signal">icon-signal</option>
    <option data-icon="icon-cog">icon-cog</option>
    <option data-icon="icon-trash">icon-trash</option>
    <option data-icon="icon-home">icon-home</option>
    <option data-icon="icon-file">icon-file</option>
    <option data-icon="icon-time">icon-time</option>
    <option data-icon="icon-road">icon-road</option>
    <option data-icon="icon-download-alt">icon-download-alt</option>
    <option data-icon="icon-download">icon-download</option>
    <option data-icon="icon-upload">icon-upload</option>
    <option data-icon="icon-inbox">icon-inbox</option>
    <option data-icon="icon-play-circle">icon-play-circle</option>
    <option data-icon="icon-repeat">icon-repeat</option>
    <option data-icon="icon-refresh">icon-refresh</option>
    <option data-icon="icon-list-alt">icon-list-alt</option>
    <option data-icon="icon-lock">icon-lock</option>
    <option data-icon="icon-flag">icon-flag</option>
    <option data-icon="icon-headphones">icon-headphones</option>
    <option data-icon="icon-glass">icon-glass</option>
    <option data-icon="icon-music">icon-music</option>
</select>  
尼姆罗德
<link href="source/bootstrap_select/bootstrap-select.css" media="screen" rel="stylesheet" type="text/css" />

失踪!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

图像未显示在Twitter Bootstrap模板中

使用Bootstrap 4的Bootstrap选择jQuery插件

highchart 未显示在 django twitter bootstrap 中

firefox bootstrap插件:未执行安装事件

Bootstrap Select插件:取消选择问题

Bootstrap Multiselect插件显示“全部选定”

Bootstrap Button插件中的jQuery click事件

使用Bootstrap 4的Bootstrap选择jQuery插件不起作用

Wordpress中的Shopp插件-显示选择运输方式的框

Twitter Bootstrap和jQuery验证插件-位置或错误文本

如何使用Twitter Bootstrap中的弹出窗口显示图像?

具有插件的Bootstrap输入文本未对齐

Bootstrap表插件在``RTL''表中不起作用

无法在Bootstrap的select2插件中设置选定的值

如何在ES6中调用bootstrap的jQuery插件

TypeError:b.toLowerCase不是bootstrap typeahead插件中的函数

Bootstrap 轮播图像未显示

jQuery选择插件未显示结果

如何在Twitter的bootstrap 2.1.0中使用新的词缀插件?

bootstrap 3在嵌入式选择框中显示标签

标签“显示”事件未触发-Twitter Bootstrap

Twitter Bootstrap下拉菜单未显示

Rails Twitter Bootstrap图标未显示

如何获取用于Bootstrap(插件)的ClockPicker出现在Bootstrap Modal弹出表单中?

在Bootbox Bootstrap JQuery插件中添加自定义类以警告对话框

如何使 Bootstrap 多选插件中的插入符号显示在最右侧和垂直居中

多选插件未选择

修改Twitter Bootstrap折叠插件以保持手风琴打开

使用Twitter Bootstrap在模式对话框中显示进度栏