ファンデーションキャンバスメニューはモバイルで常に表示されます

Question

現在on this siteオフキャンバスメニューはモバイルとスモールデスクトップ画面で常に表示されます...誰かが間違っていることを教えてもらえますか？

サイトはZurb Foundationフレームワークに基づいてジョイントWPのテーマを使用して構築されています。事前に

おかげで、 アダム

Answer 1

は、コンソールにエラーがあります。

Uncaught TypeError: $ is not a function 

あなたはjQueryの問題を抱えているし、財団がの（関係ありません）部分を隠すためのjQueryを使用して提案します小/大画面でのナビゲーション。これに

$(document).ready(function() { 
    var temp = ""; 
    $(':input').click(function() { 
     temp = $(this).attr('placeholder'); 
     $(this).attr('placeholder',''); 
     $(this).blur(function() { 
      $(this).attr('placeholder',temp); 
     }); 
    }); 
}); 

：私はあなたがこの変更した場合は推測するつもりだ

jQuery(document).ready(function() { 
    var temp = ""; 
    jQuery(':input').click(function() { 
     temp = jQuery(this).attr('placeholder'); 
     jQuery(this).attr('placeholder',''); 
     jQuery(this).blur(function() { 
      jQuery(this).attr('placeholder',temp); 
     }); 
    }); 
}); 

script.jsでの

私は健啖をチェックしていないのに（働くかもしれ

物事コードの）。

はjQueryの競合に実行する方法の詳細についてはhttp://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/を見てください。