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

Popular posts from this blog

javascript - jquery or ashx not working -

opencv - DataType<cv::detail::deriv_type>::depth what is it used for -

python 3.x - Mapping specific letters onto a list of words -