javascript - Bootstrap's Modal box - background doesn't fade out on show -
i'm working on c# mvc application. i'm using twitter's bootstrap's modal boxes 'popup' window. has worked flawlessly in past, reason doesn't right now. result right shown below. don't mind blur, did that.
naturally background supposed grey, faded out always, though reason doesn't right now. i've copy pasted code works elsewhere , changed values. double , triple checked make sure didn't make mistake somewhere, can't see it.
i've pasted relevant code below. jquery gets loaded in layout file. partial view record
<button id="btnaddnewsecurefolder" onclick="openthecreatewindow()" data-toggle="modal" data-target="#modal-new-secfolder" class="btn btn-md btn-default givemesomespace leavemealone">add secure folder</button> @*<button onclick="openthecreatewindow()" class="btn btn-md btn-default givemesomespace leavemealone" id="btnaddnewsecurefolder"> add secure folder </button>*@ <div class="modal" id="modal-new-secfolder" tabindex="-1" role="dialog" aria-labelledby="modal-new-secfolder" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close cancel" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">close</span></button> <h4 class="modal-title">add new secure folder</h4> </div> <div class="modal-body"> @html.partial("createnewsecurefolder") </div> </div> </div> </div> <script> function openthecreatewindow() { $('#modal-new-secfolder').modal('show'); } </script>
check in chrome developer tools if
<div class="modal-backdrop fade in"></div>
exists right before closing </body>
tag.
styles div:
also try remove
aria-hidden="true"
attribute modal dialog.
Comments
Post a Comment