ハンバーガーメニューをクリックしてもリストが出てこない

Question

◆現在の状況
現在スマホページの作成を行っておりまして、ハンバーガーメニューをクリックしてもリストが表示されない現象に頭をかかえております。

◆知りたい情報
なぜこのような現象が起きるのかおよび解決策

◆作成方法
テンプレート( http://webthemez.com/preview/?anchor-responsive-bootstrap-web-template-for-corporate )をダウンロードし、コーディングでカスタマイズしています。
HTMLとCSSの修正作業がほとんどです。

必要であればコードも共有いたします。（HTML追記しました）
お手数おかけしますが宜しくお願いいたします。

◆◆◆◆◆◆◆◆◆◆◆◆ ソースコードを追記しました。◆◆◆◆◆◆◆◆◆◆◆◆

http://1.gigafile.nu/k22036cca6bfd6a87c82819d3cbddc86b-0204

◆◆◆◆◆◆◆◆◆◆◆◆ コンソールエラー詳細を追記しました。◆◆◆◆◆◆◆◆◆◆◆◆

Answer 1

コンソールエラー出ていませんか？
確認方法は、該当のウェブページ上で右クリック -> 検証 とかで出てくるタブの console です。

Comments

[SuzukiToshiyasu]

コンソールエラー大量に出てました・・・手探りにエラー部分を確認してみます。。。

[harumakiyukko]

SuzukiToshiyasu さん、こんにちは。まだ、取り組んでいらっしゃいますか？
貼り付けていただいた画像の上から４番目、jquery unexpected identifier というエラーをまずは解消したいですね。
１）読み込むURLがまちがっている
２）Javascriptの構文エラー
あと、どのjavascriptよりも先に、jQueryを読み込むように一番先に書くように変更してみてください。。
とりあえず、owl.carouselを読み込んでる部分をコメントアウトしてみて、どうでしょうか。

Answer 2

テンプレートの何をいじっているか、でも変わると思いますが
一般的に考えられるのは、class名やid名がhtmlファイルとcssファイルで一致していないことや
scriptファイルの記述位置の問題でうまく動かないなどではないでしょうか。

有料のテンプレのようでしたので、元になったソースを見ることが出来ませんでしたが
htmlファイルとcssファイルをオープンにしたほうが回答を得やすいと思いますよ。

Comments

[SuzukiToshiyasu]

ありがとうございます！ファイルを追記してみました。

[YuichiKataoka]

テンプレート（http://webthemez.com/preview/?anchor-responsive-bootstrap-web-template-for-corporate）
このページをjavascriptを無効にして開くとハンバーガーメニューが使えませんでした。

また、追記にある（http://1.gigafile.nu/k22036cca6bfd6a87c82819d3cbddc86b-0204）ここからダウンロードして確認したらindex.htmlファイルには<script>タグでjsファイルをリクエストしているにも関わらず、jsファイルが入っていないので、それが原因でうまく動いていないのでは無いでしょうか。

jsファイルはいじっていないのかもしれませんが、htmlとcssは書き換えているようですので、それらをDOM操作するjavascriptがうまくリンクしていないのでは無いかと。

Answer 3

iPhone, Android でURLのサイトを確認しましたが、普通に動作しますね。。。
一度、キャッシュなどを削除して、再読み込みしてみてはいかがでしょうか。

Comments

[SuzukiToshiyasu]

URLのサイトはサンプルサイトになります。サンプルサイトのファイルをダウンロードし、カスタマイズしていったところいつの間にか動かなくなっておりました。。