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 に答える