Oracle APEX 卡工具提示

Posted 2023-05-09

【中文标题】Oracle APEX 卡工具提示

【英文标题】：Oracle APEX Cards Tooltip

【发布时间】：2019-02-19 22:09:26

【问题描述】：

我有一份带有卡片的经典报告。当用户将鼠标悬停在任何卡片上时，我想显示一个值。我该怎么做？

【问题讨论】：

apex.oracle.com/pls/apex/f?p=44321:410:0:

我看起来很快，我认为它很容易集成到 apex 中。我建议不要使用 CDN，而是下载文件并放入您的工作区。 atomiks.github.io/tippyjs

【参考方案1】：

一种方法可能是向卡片修饰符列添加一个值，然后在刷新您的区域后运行一个动态操作，这将执行以下 JS（初始化时触发）。

第一个 jQuery 选择器由您的卡片修饰符值驱动 - 我使用了 'titleA'

$('.titleA a').attr('title','Help me');

这应该会相应地修改您生成的 html

【讨论】：

这使您可以不理会订阅的模板，但是必须添加 HTML 后渲染有点尴尬。

【参考方案2】：

您可以使用三种与鼠标相关的动态操作，而无需编写任何 javascript：

Mouse Enter (mouseenter) - 当指点设备移入触发元素时触发一次。

鼠标离开 (mouseleave) - 当指点设备远离触发元素时触发一次。

鼠标移动 (mousemove) - 当指针设备在触发元素上方移动时触发。

文档here.