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