jquery - jQuery在聚光灯后重置CSS

Question

我对 jQuery 有点陌生，所以我会尽力解释

所以我有一个聚光灯脚本，里面是一个按钮。我设法改变了字体大小，但是当用户关闭聚光灯时，按钮的字体大小仍然是相同的大小“500%”。如何将其更改回默认字体大小？

谢谢你

jQuery(document).ready(function(){
    jQuery('#community-wrap .community-status').click(function(){
        jQuery("#community-wrap .community-status .button").css({"font-size":"500%"});
        jQuery(this).spotlight();

    });

});

Answer 1

您需要自己处理退出事件并重置它：

jQuery(document).ready(function(){
    jQuery('#community-wrap .community-status').click(function(){
        jQuery("#community-wrap .community-status .button").css({"font-size":"500%"});
        jQuery(this).spotlight({
             onHide: function(){
                 jQuery("#community-wrap .community-status .button").css({"font-size":"100%"});
             }
        });

    });

});

Answer 2

你的代码也有答案，你是如何关闭聚光灯的？如果您使用 jquery 关闭以下代码将用于重置您的按钮字体大小

$.('.close').click(function(){
$("#community-wrap .community-status .button").css({"font-size":"put-your default size"});
}