2013-05-01 54 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