ハンバーガーメニューが使えません

Question

ヘッダーをハンバーガーメニューに変えようとしましたが、クリックできませんでした。
clickに所に打ち消し線があることが原因だと思うのですが、わかりません。
どなたか助けていただけると助かります。

(method) JQuery<HTMLElement>.click(handler?: false | JQuery<TElement = HTMLElement>.TypeEventHandler<HTMLElement, null, HTMLElement, HTMLElement, "click">): JQuery<...> (+1 overload)
Bind an event handler to the "click" JavaScript event, or trigger that event on an element.

@param handler — A function to execute each time the event is triggered.

@see — `https ://api.jquery.com/click/ `

Answer 1

打ち消し線は何で見たときに表示されるのでしょうか？
以下普通に動作確認できます

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
  $('.hamburger').click(function(){
    $(this).toggleClass('active');
    if($(this).hasClass('active')){
      $('.globalMenuSp').addClass('active');
    }else{
      $('.globalMenuSp').removeClass('active');
    }
  });
});
</script>
<style>
.active{background-Color:red}
</style>
<div class="hamburger">hamburger</div>
<div class="globalMenuSp">globalMenuSp</div>

あえて書くならこんな感じ？

$(function(){
  $('.hamburger').on('click',function(){
    $(this).toggleClass('active');
    $('.globalMenuSp').toggleClass('active',$(this).hasClass('active'));
  });
});

Comments

[foitaro]

丁寧な返信ありがとうございます。このコードでやってみたいと思います。