【问题标题】:disable tooltip for iframe loaded by tinymce plugin禁用由 tinymce 插件加载的 iframe 的工具提示
【发布时间】:2026-02-06 01:20:06
【问题描述】:

我正在处理 2 个将在部署期间集成的不同项目。在我的项目 A 中,我有 bootstrapjquery ui 库。 在我的项目 B 中,我没有对它们的任何引用。

项目 B 总是会给出一个 html 视图,该视图将附加在项目 A 的 html 中。

遇到问题,我正在从我的项目 B 中加载一个 tinymce 插件,该插件又在 iframe 中给出响应。这个 iframe 有一些 titlejquery ui 工具提示功能正在使用此标题,以在悬停时显示此 iframe 的工具提示。由于这是一个库文件,我不喜欢更改/删除标题。加载tinymce后,我尝试删除标题。我也试过`

.tooltip('禁用')

&

.tooltip('destroy')

但无论我做什么,工具提示都会第一次出现在屏幕上。如何完全禁用它是我想要的。并且这个tinymce在按钮点击时打开。所以我也无法在页面加载时删除标题或禁用工具提示。我在这个问题上花了 2 天多的时间,无法找到解决方案。

PFB 我的 iframe 的 html 结构。因为我无法复制整个 iframe 内容,所以我刚刚在下面给出了空的 head 和 body 标签。

> <iframe title="{#aria.rich_text_area}Press ALT-F10 for toolbar. Press
> ALT-0 for help" id="Notes_ifr" src='javascript:""' frameborder="0"
> style="width: 100%; height: 100px; display: block;"
> allowtransparency="true"><html><head></head><body></body></html></iframe>

【问题讨论】:

  • 我们需要查看更多代码。
  • @PalinDrome555 我已经编辑了我的问题。如果您需要更多详细信息,请告诉我。

标签: javascript jquery html twitter-bootstrap iframe


【解决方案1】:

您可以使用以下代码删除标题并隐藏工具提示。

$("#Notes_ifr").removeAttr("title");
$("#Notes_ifr").removeAttr("data-original-title");
$("#Notes_ifr").tooltip('hide');

【讨论】:

  • 是的,我确实试过这个。有一种特殊情况,此修复失败。当我的 iframe 在我的光标已经存在的位置打开时,jquery 工具提示函数会在上述语句之前执行。所以工具提示第一次被显示出来。
  • 你在网上有吗?