jQuery按钮文本切换重复点击回弹问题的修复方案咨询
问题核心原因是你现有代码使用了三元切换逻辑,每次点击都会翻转保存按钮的文本内容,因此重复点击同一按钮会出现文本回弹的问题。你的需求属于固定赋值场景,不需要判断当前文本值,直接修改两个点击事件的赋值逻辑即可:
1. 新建分类按钮点击事件修改
直接固定赋值为 Add(保留文本前的空格,和原有格式一致,避免和前面的图标挤在一起),无需判断当前值:
$(document).on('click', '#createNewCategory', function(){ $("#save_button_span").html(" Add"); });
2. 编辑按钮点击事件修改
直接固定赋值为 Update,重复点击也会始终保持该文本:
$(document).on('click','.edit_group',function () { $("#save_button_span").html(" Update"); });
你原代码中的三元判断逻辑可以完全替换,不需要保留条件判断部分,即可满足需求。
内容的提问来源于stack exchange,提问作者user16409170
相关产品推荐
相关产品推荐

