jQuery数字输入框增减按钮无法触发change事件修复求助
问题原因
你代码中currentInput.change;的写法是错误的:这行代码只是读取了DOM元素上的change事件属性,没有实际执行触发逻辑,所以change事件不会被触发。
修复方案
无需修改CSS,仅调整JS逻辑即可,有两种可选方案,可根据业务需求选择:
方案1:数值每次变动就触发change事件(适合需要实时响应的场景)
找到代码中两处currentInput.change;,直接替换为:
$currentInput.trigger('change');
方案2:用户松手后才触发change事件(更适合购物车更新场景,避免连续调整数值时频繁发送AJAX请求)
- 先删除代码中两处
currentInput.change; - 找到两处
$currentInput.trigger('input');,修改为:
$currentInput.trigger('input').trigger('change');
修改后加减按钮调整数值时就会正常触发change事件,你绑定的AJAX更新购物车逻辑即可正常执行。
内容的提问来源于stack exchange,提问作者ahmed
相关产品推荐
相关产品推荐

