现象描述
当前版本似乎锚文本链接属性为空时，指针移到锚文本上会显示 null
尝试用 css 代码片段处理，但是该内容时单纯的文本节点，貌似纯 css 无法处理该情况
当前行为用于利用 html 的 title 属性来为文本做简单的注释，虽然创建无链接属性的锚文本用于注释可能不太常见，但光标移入时显示 null 可能还是不太合适（对于非开发者来说）
锚文本链接为空时 tooltip 显示为 null 的问题
相关帖子
-
用 ai 缝了个脚本移除 tooltip 的文本内容实现隐藏 null，作为一个临时方案凑合用（
效果如图，移除了 null 文本和设置了高度避免被鼠标遮挡：
(function() { // 处理 tooltip 的函数 function handleTooltip(tooltipElement) { if (!tooltipElement) return; // 检查 tooltip 是否包含 .fn__hr 元素 const hrElement = tooltipElement.querySelector('.fn__hr'); if (!hrElement) return; // 获取 .fn__hr 的前一个节点 const previousNode = hrElement.previousSibling; if (!previousNode) return; // 如果前一个节点不是 span 元素（即为文本节点或其他非 span 元素） if (previousNode.nodeName !== 'SPAN') { // 清空 tooltip 的文本内容，保留 .fn__hr 后面的内容 while (tooltipElement.firstChild && tooltipElement.firstChild !== hrElement) { tooltipElement.removeChild(tooltipElement.firstChild); } // 移除 .fn__hr 节点本身 if (hrElement.parentNode === tooltipElement) { tooltipElement.removeChild(hrElement); } // 调整 tooltip 位置，向下偏移一些以避免被光标遮挡 // 获取当前的 top 值 const currentTop = parseInt(tooltipElement.style.top, 10) || 0; // 设置新的 top 值，向下偏移 15 像素（可根据需要调整） tooltipElement.style.top = (currentTop + 15) + 'px'; } } // 使用 MutationObserver 监听 DOM 变化 function observeTooltips() { const observer = new MutationObserver(mutations => { let tooltipFound = false; let tooltipElement = null; mutations.forEach(mutation => { // 检查添加的节点 if (mutation.addedNodes.length) { // 遍历添加的节点 mutation.addedNodes.forEach(node => { // 检查是否是 #tooltip 或者包含 #tooltip if (node.id === 'tooltip') { tooltipFound = true; tooltipElement = node; } else if (node.nodeType === 1) { // 元素节点 const tooltip = node.querySelector('#tooltip'); if (tooltip) { tooltipFound = true; tooltipElement = tooltip; } } }); } // 检查修改的节点 if (mutation.target.id === 'tooltip') { tooltipFound = true; tooltipElement = mutation.target; } else { const tooltip = mutation.target.querySelector('#tooltip'); if (tooltip) { tooltipFound = true; tooltipElement = tooltip; } } }); // 如果找到了 tooltip 元素，处理它 if (tooltipFound && tooltipElement) { // 使用 setTimeout 稍微延迟处理，确保 tooltip 内容已完全加载 setTimeout(() => { handleTooltip(tooltipElement); }, 0); } }); // 配置观察器 const config = { childList: true, // 观察子节点的添加或删除 subtree: true, // 观察所有后代节点 characterData: true, // 观察文本变化 attributes: true // 观察属性变化 }; // 启动观察器，观察整个文档 observer.observe(document.body, config); // 也检查当前可能已存在的 tooltip const existingTooltip = document.getElementById('tooltip'); if (existingTooltip) { handleTooltip(existingTooltip); } } // 当 DOM 加载完成后初始化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', observeTooltips); } else { observeTooltips(); } })(); - 其他回帖
-
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于