2015-09-23 93 views
0

試圖弄清楚爲什麼均衡器不適用於這段代碼。已經結束文檔很多次&沒有看到我的錯誤。基金會5均衡器不工作?

是否有任何特定的情況下,樣式/繼承或防止均衡器工作?

這個標記有什麼問題?

<div class="row resource-content" data-equalizer="main-layout"><a name="skip-to-content" href="#"></a> 


<div class="small-12 columns lead-in"> 

    <h1>[[*longtitle]]</h1> 
    [[*introtext:notempty=`<div class="introtext">[[*introtext]]</div>`]] 

</div> 


<div class="small-12 medium-6 medium-push-3 columns content-center" data-equalizer-watch="main-layout"> 

    [[*content]] 

</div> 

<div class="small-12 medium-3 medium-pull-6 columns sidebar sidebar-left" data-equalizer-watch="main-layout"> 

    <div class="sidebar-wrapper"> 

    <h2>[[*left-sidebar-label]]</h2> 

    [[*sidebar-left]] 

    </div> 

</div> 


<div class="small-12 medium-3 columns sidebar sidebar-right" data-equalizer-watch="main-layout"> 

    <div class="sidebar-wrapper"> 

    <h2>[[*right-sidebar-label]]</h2> 

    [[*sidebar-right]] 

    </div> 

</div> 


</div> 

回答

1

標記看起來正確。可能是你的腳本包括。按照「使用Javascript」中的文檔部分,確保它看起來類似於下面的內容。

<script src="js/vendor/jquery.js"></script> 
<script src="js/foundation/foundation.js"></script> 
<script src="js/foundation/foundation.equalizer.js"></script> 

<script> 
    $(document).foundation(); 
</script> 
+0

這就是讓我感到困惑的......標記看起來不錯並且均衡器在同一頁面的頁腳元素中起作用! –

+0

@SeanKimball也許不要爲'data-equalizer'和'data-equalizer-watch'屬性設置一個值。當嵌套均衡器部分時,文檔示例僅使用這些屬性中的值。不知道爲什麼會這樣,但可以嘗試。 – Waterpile