模态打开后,下拉菜单不能运行(远程)

时间:2016-06-11 04:00:42

标签: twitter-bootstrap dropdown

模态打开(远程)

后,

下拉菜单无法运行

然而,如果我再次打开模态再次工作下拉菜单。 bootstrap版本是3.3.6(最新版本)

和一般模态开放没有问题。只有远程方法模态开放才有问题。

这是我的HTML代码



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 IT 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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我认为它看起来像重复的header.html

不是引导程序错误。

检查