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");
});

JS不适用于Firefox

3 个答案: