【JavaScript】safariでclickイベントが発生しない?

safariでclickイベントが動かない?

safariで、一部クリックしても動作しない部分があった。

調べてみると、divタグやpタグでのclickイベントが動作していない模様。

対策までの一部始終をメモしておく。

問題のあったコード

まず、問題のコードは以下の通り。

HTML
:
<p class="button open">OPEN</p>
<div class="close">
  :
</div>
CSS
.close {
  display: none;
}
Javascript(jQuery)
$(document).on("click", ".button", function(){
  $('.button .close').show();
});

OPENをクリックすると、divの内容が表示される仕組み。
でもsafariだと動かない…。

対策

すごく簡単なことだけど、CSSに以下を追記すればいけた。

CSS
.close {
  display: none;
  cursor: pointer;
}

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のSEを経て、独立。 ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください