Javascript ZURB基金会均衡器插件-&XX27;均衡器';是否不是此元素的可用方法? 我尝试使用ZURB基金会均衡器插件,用于下面的网格布局: <div class="row eq-height" data-equalizer> <div class="medium-3 columns" data-equalizer-watch> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x1200')"> <img class="img-responsive" src="http://placehold.it/800x1240" alt=""> </a> </div> <div class="medium-6 columns" data-equalizer-watch> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x600')"> <img class="img-responsive" src="http://placehold.it/800x603" alt=""> </a> </div> <div class="medium-3 columns" data-equalizer-watch> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x600')"> <img class="img-responsive" src="http://placehold.it/800x600" alt=""> </a> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x600')"> <img class="img-responsive" src="http://placehold.it/800x600" alt=""> </a> </div> </div>

Javascript ZURB基金会均衡器插件-&XX27;均衡器';是否不是此元素的可用方法? 我尝试使用ZURB基金会均衡器插件,用于下面的网格布局: <div class="row eq-height" data-equalizer> <div class="medium-3 columns" data-equalizer-watch> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x1200')"> <img class="img-responsive" src="http://placehold.it/800x1240" alt=""> </a> </div> <div class="medium-6 columns" data-equalizer-watch> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x600')"> <img class="img-responsive" src="http://placehold.it/800x603" alt=""> </a> </div> <div class="medium-3 columns" data-equalizer-watch> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x600')"> <img class="img-responsive" src="http://placehold.it/800x600" alt=""> </a> <a href="#" class="grid-item" style="background-image:url('http://placehold.it/800x600')"> <img class="img-responsive" src="http://placehold.it/800x600" alt=""> </a> </div> </div>,javascript,jquery,grid,zurb-foundation-6,equalizer,Javascript,Jquery,Grid,Zurb Foundation 6,Equalizer,我已加载插件: <!-- Compressed CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css"> <!-- Compressed JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/fou

我已加载插件:

<!-- Compressed CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css">

<!-- Compressed JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/js/foundation.min.js"></script>

<!-- https://cdnjs.com/libraries/foundation/6.3.0 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/js/plugins/foundation.equalizer.js"></script>

并调用插件:

<script>
  $(function() {
    $(document).foundation('equalizer', 'reflow');
  });
</script>

$(函数(){
$(文件)。基础(“均衡器”、“回流”);
});
但是我得到了这个错误:

Uncaught ReferenceError: We're sorry, 'equalizer' is not an available method for this element.
    at r.fn.init.a [as foundation] (foundation.min.js:1)
    at HTMLDocument.<anonymous> (cdn.html:112)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)
Uncaught ReferenceError:很抱歉,“均衡器”不是此元素的可用方法。
在r.fn.init.a[作为基础](foundation.min.js:1)
在HTMLDocument。(cdn.html:112)
在j(jquery.min.js:2)
在k(jquery.min.js:2)
你知道我错过了什么吗?

试试
$(document.foundation()定义基础。

$(文档).foundation('equalizer','reflow')
您正在尝试刷新均衡器,但尚未定义。

那么什么是
$(文档)。foundation('qualizer','reflow')for?当DOM更改时,它用于重新计算div维度(在您的case列中)。例如,当您动态添加任何示例时,如何使用它?<代码>均衡器< /C>是BGY BTW。类似这样的代码:<代码> $Ajax({URL:*Link *})。成功(函数(HTML){/*HTMLvar已经包含列*/$(“.ROW”).html(HTML);$(文档))基金会。(‘均衡器’、‘回流’;});