jquery - bootstrap drop down menu not shown in IE 11 -
i'm facing issue bootstrap dropdown menu ie 11 on windows 7.
the dropdown menu doesn't show when click on button. nothing happen except js error : script65535 invalid calling object.
any clue ?
here code :
<div class="btn-group pull-right"> <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">action <span class="caret"></span> <span class="sr-only">toggle dropdown</span> </button> <ul class="dropdown-menu" style="right: 0; left: auto;" role="menu"> <li> <a href="link1">item1</a> </li> <li> <a target="blank" href="link2">item2</a> </li> <li class="divider"></li> <li> <a target="blank" href="link3">item3</a> </li> </ul> </div> the head part css , js library used :
<meta http-equiv="x-ua-compatible" content="ie=edge"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!-- warning: respond.js doesn't work if view page via file:// --> <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
apparently coming js bootstrap , jquery version...
replaced :
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script> by :
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script> and it's working now.
Comments
Post a Comment