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.
<!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
Post a Comment