Zurb基金會均衡

我試圖用這個基金會插件：http://foundation.zurb.com/docs/components/equalizer.html Zurb基金會均衡

這是我的代碼：

<div class="row" data-equalizer> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
</div>

然後我我的身體年底前加入以下腳本：

<script src="js/foundation.min.js"></script> 
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.datepicker.js"></script> 
<script src="js/foundation/foundation.dropdown.js"></script> 
<script src="js/foundation/foundation.equalizer.js"></script> 
<script> 
    $(document).foundation(); 
</script> 
</body>

問題是隻是，均衡器不工作。

所有.js正確加載（沒有404錯誤），並且Javascript控制檯不會引發任何類型的錯誤。一切似乎都對我很好，我錯在哪裏？謝謝你們。

來源

2014-11-06 Dario Emerson

我沒有看到任何立即錯誤。這只是一個html/css/js網站，還是這個網站內置於CMS，可能會導致一些緩存問題？ – cport1 2014-11-06 14:54:03

我已經複製了一個頁面中的代碼，除此之外沒有其他任何東西。它不工作。 – 2014-11-06 14:55:18

你的html很好，你可以在這裏看到：http://codepen.io/anon/pen/Ffxly – cport1 2014-11-06 15:05:08

要麼單獨加載每個插件，要麼包含foundation.min.js，它會自動加載Foundation Core和所有JavaScript插件。

<script src="/js/foundation.min.js"></script> 

<!-- or individually --> 

<script src="/js/foundation.js"></script> 
<script src="/js/foundation.alert.js"></script> 
<!-- ... --> 
<script src="/js/foundation.dropdown.js"></script> 
<script src="/js/foundation.tab.js"></script>

來源

2014-11-06 15:08:14 cport1

是的，其實這是問題所在。謝謝 – 2014-11-06 15:13:00

Zurb基金會均衡

回答

相關問題