twitter bootstrap - dropdown menu not operate after modal open(remote) -
dropdown menu not operate after modal open(remote)
however, if open modal once again work dropdown menu again. bootstrap version 3.3.6(latest version)
and general modal opening not problem. remote method modal opening problem.
this html code
function openmodal(review_id) { $("#mymodal").modal({ remote: '/review' }); }
<!-- dropdown menu section --> <div class="gnb-section" style="width: 1440px; margin: auto"> <ul class="gnb"> <li class="dropdown main{{ main_active }}" role="menu"> {% if topic == "it" %} <a href="#" class="dropdown-toggle" data-toggle="dropdown">get review</a> {% endif %} <ul class="dropdown-menu"> <li><a href="#"><span class="badge pull-right">2</span>menu1-1</a></li> <li class="divider"></li> <li><a href="#"><span class="badge pull-right">2</span>menu1-2</a></li> <li class="divider"></li> <li><a href="#"><span class="badge pull-right">2</span>menu1-3</a></li> </ul> </li> <li class="search{{ search_active }}"><a href="/review/search/">menu2</a></li> <li>menu3</li> <li class="write{{ review_active }}"><a href="/review/write/">menu4</a></li> </ul> </div> <!-- modal open section... --> <a href="#" onclick="openmodal(8)"> <div class="panel panel-default sq sec1"> <div class="pannel-body"> <div class="pnl-sec1"> </div> <div class="pnl-sec2"> contetns </div> </div> </div> </a> <div id="mymodal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- modal content--> <div class="modal-content"> </div> </div> </div>
i think looks duplicate header.html
not bootstrap bug.
check that
Comments
Post a Comment