将可折叠的内部模态dos't保持打开状态

Materialize collapsible inside modal doesn't remain open

本文关键字：状态 可折叠 内部 模态 dos      更新时间：2023-09-26

我遇到了一个可折叠的问题，当我单击可折叠的标题元素时，可折叠的主体打开/关闭的速度非常快。

这是模式触发器：

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

这是我的模态结构：（注意ng重复的使用，不确定它是否可能被链接）

  <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>

我一直在浏览，没有发现任何相关问题。如有任何帮助，我们将不胜感激（请随时澄清）。

感谢Allan的回答，尽管这与高度无关：

  1. 当项目打开时，模态自动垂直展开。

  2. 设定一个大的最小高度并不能解决我的问题。

相关文章：