ファンデーション6.2.4応答メニューが6.0.0（同一コード）のように機能しない

Question

このナビゲーションバーは、Foundation 6.0.0で期待通りに機能しました。 Foundationバージョンを6.2.4に変更すると、小さな画面で隠れボタンバーが表示されず（トップバーも消えません）。

ここでは、動作しているFoundation 6.0.0バージョンのフィドルです。 JSFiddle：https://jsfiddle.net/frur5y41/

<div class="title-bar" data-responsive-toggle="realEstateMenu" data-hide-for="small"> 
    <button class="menu-icon" type="button" data-toggle></button> 
    <div class="title-bar-title">Menu</div> 
</div> 
<div class="top-bar" id="realEstateMenu"> 
    <div class="top-bar-left"> 
     <ul class="menu" data-responsive-menu="accordion"> 
      <li class="menu-text">Interplanetary</li> 
      <li><a href="#">One</a></li> 
      <li><a href="#">Two</a></li> 
      <li><a href="#">Three</a></li> 
     </ul> 
    </div> 
</div>  
<script> 
    $(document).foundation(); 
</script> 

ここでは、財団6.2.4（応答が動作していない）を使用して同じコードのフィドルです。

JSFiddle：https://jsfiddle.net/g56gn37w/

問題を特定する任意の助けいただければ幸いです。

Answer 1

data-hide-for="medium"に変更すると問題が解決するようです。

だから、全体のコードブロックは次のようになります。

<div class="title-bar" data-responsive-toggle="realEstateMenu" data-hide-for="medium"> 
    <button class="menu-icon" type="button" data-toggle></button> 
    <div class="title-bar-title">Menu</div> 
</div> 
<div class="top-bar" id="realEstateMenu"> 
    <div class="top-bar-left"> 
     <ul class="menu" data-responsive-menu="accordion"> 
      <li class="menu-text">Interplanetary</li> 
      <li><a href="#">One</a></li> 
      <li><a href="#">Two</a></li> 
      <li><a href="#">Three</a></li> 
     </ul> 
    </div> 
</div>  
<script> 
    $(document).foundation(); 
</script> 

ここJSFiddle：https://jsfiddle.net/2dexkkj1/1/

Answer 2

`data-hide-for="small"` worked in version 6.0.0 

それは、あなたは、またdata-hide-for="medium"

を使用する代わりに、バージョン6.2.4で動作しません'data-hide-for'の代わりにclass="title-bar hide-for-small"を使用できます。

私は問題を調査しましたが、以前のバージョンからこのバージョンへの変更を参照することができませんでした。小さな画面からハンバーガーメニューを隠したくないので、これは意味をなさないでしょう。