2013-05-01 70 views
2

嗨我有一個按鈕的頁面:按鈕刷新頁面後仍然被禁用

<button class="" id="new_cat_charm">Add New Category</button> 

我使用jQuery來打開一個對話框,單擊該按鈕時,並覆蓋添加到網站:

jQuery(document).ready(function($) { 

var newCatButton = $('#new_cat_charm'); 


newCatButton.click(function(){ 

    var newCatCharm = $('#new-cat-charm'); 

    newCatButton.prop('disabled', true); 

    newCatCharm.removeClass('myhide'); 

    appOverlay(); 
}); 

function appOverlay() { 

    var docHeight = $(document).height(); 

    $("body").append("<div id='overlay'></div>"); 

    $("#overlay").height(docHeight).css({ 
     'opacity' : 0.4, 
     'position': 'absolute', 
     'top': 0, 
     'left': 0, 
     'background-color': 'black', 
     'width': '100%', 
     'z-index': 5000 
    }); 
} 
}); 

點擊按鈕後,我將其禁用並顯示對話框。

的問題

後,我按一下按鈕,它變爲禁用,對話框彈出,如果我刷新頁面按鈕保持禁用,我不得不要麼做一個力重裝(ctrl + f5)或點擊瀏覽器的地址欄,然後按回車,然後恢復正常。

我該如何解決這個問題?提前致謝。

+0

我認爲這是一個緩存問題。你有沒有嘗試過使用小提琴來調試? – 2013-05-01 03:13:20

+0

可能[重複](http://stackoverflow.com/q/5985839/875127) – 2013-05-01 03:16:13

回答

6

你使用的是Firefox嗎?您可能要禁用按鈕/輸入中的自動完成:autocomplete = "off"。編輯:看到我在評論中鏈接到的SO問題。

+0

是的,我使用的是Firefox。這工作得很好。謝謝。 – 2013-05-01 03:19:10