JS不适用于Firefox

Question

我使用一些JS来向用户提供Cookie建议。 它在Chrome，IE和Safari上运行良好。 当我在Firefox上测试时，当我点击关闭链接时横幅不会关闭。 有谁能够帮助我？

这是我使用的JS：

$(document).ready(function(){
  $("#cookies").addClass("display");
});


$("#close-cookies").click(function(){ 
  event.preventDefault();
  $("#cookies").addClass("close-cookies");
});

这是HTML：

<div id="cookies">
  <p>blablablabla</p>
  <p><a href="#" id="close-cookies">CLOSE</a></p>
</div>

Answer 1

你没有初始化event变量

$("#close-cookies").click(function(event){ 

这需要在里面

 $(document).ready(function(){

所以固定代码应该是：

$(document).ready(function(){
  $("#cookies").addClass("display");
  $("#close-cookies").click(function(event){ 
    event.preventDefault();
    $("#cookies").addClass("close-cookies");
  });
});

Answer 2

编码

$("#close-cookies").click(function(){ 
  event.preventDefault();
  $("#cookies").addClass("close-cookies");
});

超出$（document）.ready（）; 这意味着在呈现HTML元素之前执行

Answer 3

尝试删除已分配的类，然后再向ID cookie添加一个类：

$("#close-cookies").click(function(){ 
  event.preventDefault();
  $("#cookies").removeAttr("class").addClass("close-cookies");
});