javascript - How to remove extra modal backdrop in DOM -
i have page in pop modal displayed drop faded. within modal link described in html <a href="#" data-toggle="modal" data-target="blah"> show </div> consider blah div has hidden=true , located within modal. on clicking link there seems modal backdrop fade added dom. when click outside pop 1 of them removed while remains , web page still faded.
why happening , how rid of this.
sample code can found in jsfiddle (note: close button not of concern since seems remove backdrop fade dom in actual code. want know how make work when click outside box)
btn 3
<div class="modal hide" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="mymodallabel">modal header</h3> </div> <div class="modal-body"> <p>one fine</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">close</button> <a href="#" data-toggle="modal" data-target="#ref">save</a> <div id="ref" hidden="true"> <p>hi</p> </div> </div> </div>
your answer property data-backdrop="false"
from bootstrap docs can see property permit disable of drop.
<a href="#" data-toggle="modal" data-backdrop="false" data-target="#ref">save</a> <div id="ref" hidden="true"> <p>hi</p> </div> take in more details here, using jsbin.com, that's me best tool write js code on entire web.
i hope you...
Comments
Post a Comment