如何在鼠标hoveriframe时显示工具提示
我正在使用Telerik Radeditor，它是一个富文本区域，编辑器内容是iframe，如下所示：
<iframe frameborder="0" src="javascript:'';" style="width: 100%; height: 100%; margin: 0px; padding: 0px;" title="hello world" id="contentIframe"> 我的目标是当用户鼠标hover在iframe区域时显示"hello world"工具提示。
你可以看到我把"title" attribute但它没有出现。
为了模仿工具提示行为，我尝试放置overlay div和title ，但是由于overlay div我失去了鼠标控制。
我也拼命尝试将标题放入iframe体内，但之后我不得不点击iframe内部来实现它，这不是解决方案。
var iframe_html = $(wrapper).find("iframe").contents().find("html"); $(iframe_html).prop("title", "hello my tooltip 1"); var iframe = $(wrapper).find('iframe'); $(iframe).prop("title", "hello my tooltip 2"); var iframebody = $(iframe).contents().find('body'); $(iframebody).prop("title", "hello my tooltip 3");
我正在使用jQuery UI 1.8.16 ，它没有Tooltipfunction，因此不能选择..
有谁能帮我弄清楚如何显示工具提示？
你可以为iframe分配一个标题，但是你无法在iframe中看到它。将frameborder改为“2”并将光标移动到它..你去..有标题出现……
要在iframe上查看标题，您必须设置iframe内容的标题，而不是iframe本身。
就像我在下面做的那样..
或者..使用jQuery
$(document).ready(function () { $("#contentIframe").contents().find("body").attr('title','Hello World'); });
这是一个小提琴供您参考..