1

リッチ テキスト エリアである Telerik Radeditor を使用しており、エディター コンテンツは iframe です。以下のようなものです。

 <iframe frameborder="0" 
    src="javascript:'<html></html>';" 
    style="width: 100%; height: 100%; margin: 0px; padding: 0px;" 
    title="hello world" 
    id="contentIframe"></iframe>

私の目標は"hello world"、ユーザーのマウスが iframe 領域に乗ったときにツールチップを表示することです。

ご覧のとおり、私は入れ"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ツールチップ機能が付いていないものを使用しているため、オプションにすることはできません..

ツールチップを表示する方法を理解してくれる人はいますか?

4

2 に答える 2