jquery - enable anchor in twitter bootstrap modal -
i have bootstrap modal works perfect.
the header/body/footer of modal filled right data. inside modal body have content links other pages, reason ”like” disabled.
i guess bootstrap applies event.preventdefault(); links inside modal body, or similar.
is there way re-enable them?
html:
<div class="modal show fadein static-modal" id="singlepagebox" data-show="true" data-backdrop="true" data-toggle="modal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h2 id="mymodallabel">dummy header</h2> </div> <div class="modal-body"> <p>lorem ipsum <a href="http://google.com" target="_blank" class="ext_link">it popularised</a> in.</p> </div> <div class="modal-footer"> </div>
an example of mean http://jsfiddle.net/kulldox/ft3zx/
it might in way marking modal. custom js using in project. notice didn't apply .ext_link
class not did use custom js anchor work.
check working example
it's simple copy , paste documentation. please note bootstrap 2.3.2
html:
<!-- button trigger modal --> <a href="#mymodal" role="button" class="btn" data-toggle="modal">launch demo modal</a> <!-- modal --> <div id="mymodal" class="modal hide fade" 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 body... <a href="http://google.com" target="_blank">go google anchor</a></p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">close</button> <button class="btn btn-primary">save changes</button> </div> </div>
Comments
Post a Comment