javascript - Bootstrap multiselect dropdown is not visible -


despite fact can make bootstrap-multiselect work in independent file, i'm not able see dropdown list once click on caret, if included in portal files.

i have used bootstrap-datepicker, datetimepicker, chosen, , backbone.js

this line supposed trick

$('.insightlist').multiselect({             selectalltext: true }); 

does have idea of can cause not adding class 'open' 'btn-group'?

![on click there btn-group class div whether should add open class][1] in advance

i've created jsbin solve problem 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 @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> 

please, let me know if have question.


Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -