Responsive design 基础5轨道滑块内部显示模态没有高度

这是一本书

我使用的是框架，并试图包括一个内部的，但由于某种原因，滑块没有给出一个适当的高度

<-- Button to Reveal Modal -->
<a href="#" data-reveal-id="myModal" data-reveal class="button radius">Click For Modal</a>

<!-- Modal Popup that is revealed -->
<div id="myModal" class="reveal-modal" data-reveal>
    <ul data-orbit>
        <li><img src="http://placekitten.com/400/300" /></li>
        <li><img src="http://placekitten.com/400/300" /></li>
        <li><img src="http://placekitten.com/400/300" /></li>
    </ul>
</div>

然而，这个修复不再适用于最新版本的基金会。有办法让它工作吗

---

请注意，我不想简单地指定最小高度css属性，因为我的滑块中的内容高度可变，更不用说响应，因此像素值无法工作。

简而言之，我相信这就是答案：

$(document).foundation();

$('.reveal-modal').on('opened', function(){
    $(window).trigger('resize');
});

或

我查阅了以下参考资料：

• • 您在上面列出的“黑客修复程序”

它看起来像是4.1.2的老黑客刚刚调用了

compute\u dimension

方法，在打开模式后调整其大小。我在Buffo.Orj.js文件中查找，发现<代码> $（窗口）。（“Resith'”，Audio.CabeTeCo维度）；<代码>，在第280行附近

而不是

$（window.trigger（'resize.fndtn.orbit'）我使用了
$（窗口）.trigger（'resize'）
并删除了行
$（this.find（“[data orbit]”）和.css（'height'，”）

我将您的更改分叉并添加了更改

我希望这能有所帮助。
简言之，我相信这就是答案：

$(document).foundation();

$('.reveal-modal').on('opened', function(){
    $(window).trigger('resize');
});

或

我查阅了以下参考资料：




您在上面列出的“黑客修复程序”




它看起来像是4.1.2的老黑客刚刚调用了
compute\u dimension
方法，在打开模式后调整其大小。我在Buffo.Orj.js文件中查找，发现<代码> $（窗口）。（“Resith'”，Audio.CabeTeCo维度）；<代码>，在第280行附近

而不是
$（window.trigger（'resize.fndtn.orbit'）我使用了
$（窗口）.trigger（'resize'）
并删除了行
$（this.find（“[data orbit]”）和.css（'height'，”）

我将您的更改分叉并添加了更改

我希望有帮助。
< p>对于使用基础6的任何人（我的遗留项目是在2.2.4），我通过添加下面的CSS代码：
div.gallery-in-modal .orbit-container {
    height: auto !important;
}
div.gallery-in-modal .orbit-container .orbit-slide {
    max-height: initial !important;
}

使用基础6的任何人（我的遗留项目是6 .2.4），我通过添加下面的CSS代码：
div.gallery-in-modal .orbit-container {
    height: auto !important;
}
div.gallery-in-modal .orbit-container .orbit-slide {
    max-height: initial !important;
}

谢谢你的提问。我有一个类似的问题，但每张幻灯片需要不同的大小。有什么想法吗？谢谢你的提问。我有一个类似的问题，但每张幻灯片需要不同的大小。有什么想法吗？非常感谢！我试着在我的模态中使用滑块。很有效，非常感谢！我试着在我的模态中使用滑块。它起作用了。