5

このブートストラップ - 複数選択を独立したファイルで機能させることができるという事実にもかかわらず、ポータル ファイルに含めたとしても、キャレットをクリックするとドロップダウン リストが表示されません。

私はすでにbootstrap-datepicker、datetimepicker、choose、およびbackbone.jsを使用しています

これは、トリックを行うはずの行です

$('.insightList').multiselect({
            selectAllText: true
});

「btn-group」にクラス「open」を追加しない原因が何か考えられる人はいますか?

![クリックしても、div には btn-group クラスしかなく、オープン クラスを追加する必要があります][1] よろしくお願いします

4

4 に答える 4

2

の発生を確認します

  • Bootstrap.js
  • Bootstrap-select.js
  • Bootstrap-multiselect.js

それらのいずれかが複数回存在する場合、ドロップダウンは表示されません

于 2018-06-29T06:26:59.900 に答える
1

ドロップダウンの HTML 構造が次のようになっていることを確認してください。

<select id="example-selectAllText" multiple="multiple" style="display: none;">
 <option value="1">Option 1</option>
 <option value="2">Option 2</option>
 <option value="3">Option 3</option>
 <option value="4">Option 4</option>
 <option value="5">Option 5</option>
 <option value="6">Option 6</option>
</select>
<div class="btn-group"><button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="None selected" aria-expanded="false"><span class="multiselect-selected-text">None selected</span> <b class="caret"></b></button><ul class="multiselect-container dropdown-menu"><li class="multiselect-item multiselect-all"><a tabindex="0" class="multiselect-all"><label class="checkbox"><input type="checkbox" value="multiselect-all"> Check all!</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="1"> Option 1</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="2"> Option 2</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="3"> Option 3</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="4"> Option 4</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="5"> Option 5</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="6"> Option 6</label></a></li></ul></div>

$('#example-selectAllText').multiselect({
  includeSelectAllOption: true,
  selectAllText: 'Check all!'
});
于 2015-06-01T10:19:29.010 に答える
1

これは、必要なすべての jquery と css をロードしたのと同じブートストラップの複数選択で構築しようとしている単純な複数選択ですが、上記のソリューションで提案されていないすべてのオプションを表示する選択ボックスが表示されます。

<select id="multi-select" name="field" multiple="multiple" >
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
 <!-- initialize multiselect -->
<script>
   $(document).ready(function() {
        $('#mult-select').multiselect();
    });
</script><!-- //ends-->
于 2015-12-01T05:20:20.210 に答える