在WordPress中使用jQuery自动添加逗号后空格的代码失效问题求助

核心问题 #

你照搬的原代码是监听文本框的blur事件（用户离开输入框时触发），但你的场景是处理从数据库取出后渲染到页面的静态内容，并非用户交互的输入框，所以原代码的事件绑定完全不会触发，这是根本原因。

修改后的代码示例 #

假设你的数据库字段内容渲染在一个带有id="db-content"的元素中，直接在DOM加载完成后处理内容即可：

jQuery(document).ready(function($) {
  // 获取目标元素
  const targetElement = $('#db-content');
  // 取出当前文本内容
  let content = targetElement.text();
  // 处理逗号后加空格
  content = $.map(content.split(","), $.trim).join(", ");
  // 将处理后的内容放回元素
  targetElement.text(content);
});

额外注意事项 #

• 替换代码中的#db-content为你实际渲染数据库内容的元素选择器（可以是id、class或其他合法选择器）。
• 如果数据库内容包含HTML结构（比如带链接的内容），把.text()换成.html()，避免丢失原有HTML格式。
• WordPress默认启用jQuery的noConflict模式，你代码里jQuery(document).ready(function($)的写法是合规的，无需改动。
• 如果内容是通过AJAX动态加载的，要把处理逻辑放到AJAX请求完成的回调里，而不是document.ready中。

内容的提问来源于stack exchange，提问作者Ryan Kieffer