2014-03-07 60 views
0

我使用一些JS爲用戶提供Cookie建議。它在Chrome,IE和Safari上運行良好。當我在Firefox上測試它時,當我點擊關閉鏈接時,橫幅不會關閉。 任何人都可以幫助我嗎?JS在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> 
+0

您可以加入的#cookies自樣式,#顯示和#close_cookies? – Jorgeblom

+0

'.click()'函數應該在'ready()'裏面 –

回答

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

謝謝zoranc!只需添加事件就行了! 我是一個noob,我需要學習更多! – user3392397

1

代碼

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

超出$(文件)。就緒的();這意味着HTML元素通過除去已分配,然後再添加一個類ID餅乾類呈現

+0

謝謝!我只是做了卓然克說的。添加事件變量它工作! – user3392397

0

嘗試之前執行:

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

謝謝!我只是做了卓然克說的。添加事件變量它可以在所有瀏覽器中工作!不管怎樣,謝謝你! – user3392397

相關問題