Question

我遇到了可折叠的问题，当我点击一个collapsible-header元素时，可以快速打开/关闭多次折叠。

这是模态触发器：

<a class="btn modal-trigger" href="#myModal">Trigger</a>

这是我的模态结构:(注意使用ng-repeat，不确定它是否可以链接）

  <div id="myModal" class="modal">
    <div class="modal-content" >
      <ul class="collapsible" data-collapsible='accordion' watch>
        <li>
          <div class="collapsible-header">FOO</div>
          <div class="collapsible-body">foo</div>
        </li>
        <li>
          <div class="collapsible-header">BAR</div>
          <div class="collapsible-body">bar</div>
        </li>
      </ul>
    </div>
  </div>

结束我的HTML的脚本：

<script> 
    $(document).ready(function(){
        $('.modal-trigger').leanModal({
            ready: function(){
                $('.collapsible').collapsible()
            }
        });
    });
</script>

我一直在浏览而没有发现任何相关问题。任何帮助将不胜感激（请不要犹豫要求澄清）。

Answer 1

感谢Allan的回答，虽然它与身高无关：

当项目打开时，模态会自动垂直展开。
设置较大的最小高度并不能解决我的问题。

在模态内物化可折叠并不会保持打开状态

1 个答案: