求助:合并两个功能一致的jQuery事件处理函数
合并重复的jQuery事件处理函数
嘿,这事儿超好办!核心思路就是把两段重复的操作代码抽成一个独立函数,然后让两个事件都调用它就行,既避免冗余还方便后续维护。
直接上解决方案:
// 把两个事件里重复的操作提取成单独的命名函数 function handleCommonTask() { // 这里放你原来两个函数里完全相同的操作代码 // 举个例子:调整元素尺寸、更新内容之类的逻辑 } // 绑定window的resize事件 $(window).on('resize', handleCommonTask); // 绑定WooCommerce的updated_checkout事件 jQuery(document).on('updated_checkout', handleCommonTask);
这么做的好处:
- 代码复用:不用写两遍一模一样的逻辑,减少冗余代码
- 易维护:以后要修改操作逻辑,只需要改
handleCommonTask这一个地方就行 - 可读性更强:一眼就能看出来两个事件触发的是同一个操作
如果你的项目启用了jQuery的noConflict模式(也就是不能用$简写),也可以统一写成全量的jQuery调用:
function handleCommonTask() { // 共享操作代码 } jQuery(window).on('resize', handleCommonTask); jQuery(document).on('updated_checkout', handleCommonTask);
这样就完美完成合并啦,两个事件触发时都会执行同一个函数,完全符合你的需求~
内容的提问来源于stack exchange,提问作者J. Cannor
相关产品推荐
相关产品推荐

