可以在Foundation 4 Reveal Modal中運行Zurb插件“ twentytwenty”嗎？

Question

是否可以在 Foundation Reveal Modal 內部運行Zurb TwentyTwenty（在滑塊視圖之前和之后）插件？ 我可以觸發模態並顯示Header，但不顯示插件。 該插件確實可以在標准列中的頁面上運行，我什至嘗試對其進行注釋以查看是否確實如此。 這是我為模式設置的代碼：

<!-- Modal Box -->
<div id="myModal2" class="reveal-modal">
    <h3><font color="red">See the difference we can make</h3></font></hr>
    <div class="twentytwenty-container">
      <img src="img/rjh_before.jpg" />
      <img src="img/rjh_after.jpg" />
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- Modal Box end -->

這是觸發鏈接：

<a href="#" data-reveal-id="myModal2">Modal Version of the 20/20 slider</a>

這是我與Foundation合作完成的第一個項目，盡管我學習速度很快，但這個項目令我感到困惑。 任何幫助將不勝感激！

Answer 1

我自己找到了答案； 這是Reveal中的錯誤。 在GitHub上找到：

在Reveal中使用軌道時圖片被壓扁-問題＃2809

在腳本之前添加了以下代碼以顯示：

var resize_window = function(e) {
$(window).trigger('resize');
}

$(document).foundation('reveal', {'opened' : resize_window});
<!-- Not used in my case, but additionally for running Orbit -->
$(document).foundation('orbit')

工作請客！