禁用由 tinymce 插件加载的 iframe 的工具提示
Posted
技术标签:
【中文标题】禁用由 tinymce 插件加载的 iframe 的工具提示【英文标题】：disable tooltip for iframe loaded by tinymce plugin 【发布时间】：2018-01-24 11:10:57 【问题描述】：我正在处理 2 个将在部署期间集成的不同项目。在我的项目 A 中，我有 bootstrap 和 jquery ui 库。
在我的项目 B 中，我没有对它们的任何引用。
项目 B 总是会给出一个 html 视图，该视图将附加在项目 A 的 html 中。
遇到问题，我正在从我的项目 B 中加载一个 tinymce 插件，该插件又在 iframe 中给出响应。这个 iframe 有一些 title。 jquery ui 工具提示功能正在使用此标题，以在悬停时显示此 iframe 的工具提示。由于这是一个库文件，我不喜欢更改/删除标题。加载tinymce后，我尝试删除标题。我也试过`
.tooltip('禁用')
&
.tooltip('destroy')
但无论我做什么，工具提示都会第一次出现在屏幕上。如何完全禁用它是我想要的。并且这个tinymce在按钮点击时打开。所以我也无法在页面加载时删除标题或禁用工具提示。我在这个问题上花了 2 天多的时间，无法找到解决方案。
PFB 我的 iframe 的 html 结构。因为我无法复制整个 iframe 内容，所以我刚刚在下面给出了空的 head 和 body 标签。
> <iframe title="#aria.rich_text_areaPress 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 我已经编辑了我的问题。如果您需要更多详细信息，请告诉我。 【参考方案1】：您可以使用以下代码删除标题并隐藏工具提示。
$("#Notes_ifr").removeAttr("title");
$("#Notes_ifr").removeAttr("data-original-title");
$("#Notes_ifr").tooltip('hide');
【讨论】：
是的，我确实试过这个。有一种特殊情况，此修复失败。当我的 iframe 在我的光标已经存在的位置打开时，jquery 工具提示函数会在上述语句之前执行。所以工具提示第一次被显示出来。 你在网上有吗？以上是关于禁用由 tinymce 插件加载的 iframe 的工具提示的主要内容，如果未能解决你的问题，请参考以下文章