Вывод выпадающего списка Bootstrap не отображается

Несмотря на то, что я могу сделать этот загрузочный мультиселектив независимым файлом, я не могу видеть раскрывающийся список, как только я нажимаю на каретку, даже если я включил его в файлы портала.Вывод выпадающего списка Bootstrap не отображается

Я уже использовал самозагрузки-DatePicker, DateTimePicker, выбрали, и Backbone.js

Это линия, которая, как предполагается сделать трюк

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

Кто-нибудь есть идея о том, что может быть причиной не добавления класса 'open' для 'btn-group'?

! [По щелчку также есть только БТН-группы класс для DIV должен ли он добавить открытый класс] [1] Заранее спасибо

источник

2015-06-01 Neha

Можете ли вы создать скрипку своей проблемы? –

Я только что создал jsbin, чтобы решить вашу проблему Working demo.

enter image description here

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery.min.js"></script> 
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> 
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 

<script type="text/javascript" src="http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script> 
<link rel="stylesheet" href="http://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" type="text/css"/> 

    <meta charset="utf-8"> 
    <title>Example by @Bneiluj</title> 
</head> 
<body> 

    <select id="insightList" multiple="multiple"> 
    <optgroup label="Group 1"> 
     <option value="1-1">Option 1.1</option> 
     <option value="2-1">Option 2.1</option> 
     <option value="2-2">Option 2.2</option> 
     <option value="2-3">Option 2.3</option> 
    </optgroup> 
    </select> 

<script id="example"> 
$('#insightList').multiselect({ 
    enableClickableOptGroups: true 
}); 
</script>

Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы.

источник

2015-06-01 10:03:57

Убедитесь, что 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-01 10:19:29

Это просто множественный выбор пытается построить с той же начальной загрузкой MultiSelect я загрузила все необходимые 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-01 05:20:20 TaraGurung

Вывод выпадающего списка Bootstrap не отображается

ответ

Смежные вопросы