0

我在尝试从 Bootstrap将select2插入下拉菜单时遇到问题。标记是这样的：

<ul class="dropdown-menu dropdown-select-box">
    <li>
        Choose categories:
        <select id="choose-category" multiple="">
            <option></option>
            <option></option>
            <option></option>
        </select>
    </li>
</ul>

我的 .dropdown-select-box 类，用于样式设置和更好的控制。我似乎无法让它发挥作用，这让我发疯并浪费了我宝贵的时间。这是我希望通过此实现的结果：

Select2 进入 Boostrap 的下拉菜单

这意味着 select2-container 需要始终打开并且（以某种方式）相对于下拉菜单定位，以便下拉菜单可以缩放到 select2-container 的大小。我试图把我的想法包裹在这个问题上，但空手而归。

4

1 回答 1

0

我认为引导下拉 js 和选择插件 js 相互冲突......

尝试删除引导下拉 js 并运行代码...

    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap-transition.js"></script>
    <script src="assets/js/bootstrap-alert.js"></script>
    <script src="assets/js/bootstrap-modal.js"></script>
    <script src="assets/js/bootstrap-dropdown.js"></script> //Remove this...
    <script src="assets/js/bootstrap-scrollspy.js"></script>
    <script src="assets/js/bootstrap-tab.js"></script>
    <script src="assets/js/bootstrap-tooltip.js"></script>
    <script src="assets/js/bootstrap-popover.js"></script>
    <script src="assets/js/bootstrap-button.js"></script>
    <script src="assets/js/bootstrap-collapse.js"></script>
    <script src="assets/js/bootstrap-carousel.js"></script>
    <script src="assets/js/bootstrap-typeahead.js"></script>
    <script src="assets/js/bootstrap-affix.js"></script>

从您的模板中删除所有无用的js...

于 2013-03-08T08:34:40.420 回答