質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.02%

IEでjavascriptが動きません

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 200

mcy

score 12

IEでjavascriptが動きません。。
ChromeとSafariでは正常に動作します。
お分かりになる詳しい方がいらっしゃいましたらよろしくお願いします。。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="割愛">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>割愛</title>
    <link href="style.css" rel="stylesheet">
</head>
<body>
割愛
</body>
<script src="jquery-3.4.1.min.js"></script>
<script src="main.js"></script>
'use strict';
{
  //query,ID,class取得
  const body = document.querySelector("body");
  const head = document.getElementById('head')
  const headLogo = document.getElementById('headLogo');
  const menuWrapper = document.getElementById('menuWrapper');
  const menuButton = document.getElementById('menuButton');
  const nav = document.getElementById('nav');
  const moveTop = document.getElementById('moveTop');
  const moveAbout = document.getElementById('moveAbout');
  const moveProduct = document.getElementById('moveProduct');
  const moveContact = document.getElementById('moveContact');

  //ページ読み込み時処理
  window.onload = function(){
    //画面をゆっくり明るくする
    head.classList.remove('before');
    head.classList.add('after');
    //ロゴをゆっくり表示
    headLogo.classList.remove('logoHide');
    headLogo.classList.add('after');
  }

  //読み込み時とリサイズ時、高さを画面いっぱいにする
  $(function () {
    $("#head").css("height",$(window).outerHeight());
    $(window).resize(function(){
      $("#head").css("height",$(window).outerHeight());
    });
  });

  //ハンバーガーボタンのアニメーション処理
  document.addEventListener('DOMContentLoaded', function () {
    menuButton.addEventListener('click', function (ev) {
      ev.preventDefault();
      this.classList.toggle('active');
    });
  });

  //メニューボタン押下時処理
  menuWrapper.addEventListener('click', function (event) {
    //メニューが隠れている場合
    if (nav.classList.contains('close')){
      //メニューを開く
      nav.classList.remove('close');
      nav.classList.add('open');
      //背景を固定する
      body.classList.add('fixed');
    //メニュー表示中の場合
    } else {
      //メニューを閉じる
      nav.classList.add('close');
      nav.classList.remove('open');
      //背景固定を解除
      body.classList.remove('fixed');
    }
  });

  //スクロール処理
  $(function(){
    // #で始まるリンクをクリックしたら実行されます
    $('a[href^="#"]').click(function() {
      // スクロールの速度
      var speed = 300; // ミリ秒で記述
      var href= $(this).attr("href");
      var target = $(href == "#" || href == "" ? 'html' : href);
      var position = target.offset().top;
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
    });
  });

  /********** サブメニュー処理ここから **********/
  //Top押下時処理
  moveTop.addEventListener('click', () => {
    nav.classList.add('close');//メニューを閉じる
    body.classList.remove('fixed');//背景固定を解除
    menuButton.classList.remove('active');//メニューボタンを戻す
  });

  //about押下時処理
  moveAbout.addEventListener('click', () => {
    nav.classList.add('close');//メニューを閉じる
    body.classList.remove('fixed');//背景固定を解除
    menuButton.classList.remove('active');//メニューボタンを戻す
  });

  //Servive押下時処理
  moveProduct.addEventListener('click', () => {
    nav.classList.add('close');//メニューを閉じる
    body.classList.remove('fixed');//背景固定を解除
    menuButton.classList.remove('active');//メニューボタンを戻す
  });

  //Contact押下時処理
  moveContact.addEventListener('click', () => {
    nav.classList.add('close');//メニューを閉じる
    body.classList.remove('fixed');//背景固定を解除
    menuButton.classList.remove('active');//メニューボタンを戻す
  });
  /********** サブメニュー処理ここまで **********/
}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+2

IEはconstやアロー関数は使えません。(他にも使えない物がたくさんあります)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/09/08 15:16

    ありがとうございます。
    varとonclickで代用してみます。
    その他にも良い代用案がございましたらご教示いただけると助かります。。

    キャンセル

  • 2019/09/08 15:17

    解決されたんですね!よかったです!!また気軽に質問してください!!(^^)

    キャンセル

+1

このサイトや→IEでjavascriptが動かない!!
このサイトはどうですか?→javascript IEで動かない時の対処法を教えてください。

参考にしてみてください!!

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/09/08 13:50

    こちらもリンクがおかしくなっています。

    キャンセル

  • 2019/09/08 13:51

    あっ。。すみません。ありがとうございます

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.02%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる