css - Bootstrap Multiselect not displaying the dropdown list -
i have made custom binding bootstrap multiselect in knockout js.
i new custom bindings in knockout js.
i have taken this custom binding jsfiddle bootstrap select , adapted in this jsfiddle bootstrap multiselect , contain own viewmodel data. actual bootstrap multiselect button display, user sees multiselect element, upon clicking it, nothing drops down.
inspecting webpage shows output html <select>
:
html (this correct - issue not this):
<select multiple="multiple" data-bind="multiselect: _categoryid, optionstext: '_name', optionsvalue : '_id', multiselectoptions: { optionsarray: _categories }" class="multiselect" style="display: none;"> <option value="1">meat-free meat</option> <option value="2">dairy-free dairy</option> <option value="3">confectionery</option> <option value="4">baking</option> <option value="5">dessert</option> </select>
here bit goes below select bootstrap multiselect plugin adds (this not correct - issue here - see <ul>
has no <li>
's. :
<div class="btn-group"> <button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="dairy-free dairy, confectionery" aria-expanded="false"> <span class="multiselect-selected-text">dairy-free dairy, confectionery</span> <b class="caret"></b> </button> <ul class="multiselect-container dropdown-menu"> </ul></div>
why clicking bootstrap multiselect button not cause dropdown appear? aka why the <ul>
empty? edit: work on question can tried in this jsfiddle
Comments
Post a Comment