3

ツールチップ付きのjavascriptでアイコンを作成しています。

var icon = '&nbsp;&nbsp;<a class="icon-ok" data-type="reftooltip" title="Save" style="cursor: pointer"></a>';

このアイコンは動的に表示および削除されます。以下のコードを使用して、このアイコンを JavaScript から動的に削除する場合:

success: function(){
//other code//
saveparents.parent().parent().find('a.icon-ok').remove();
//other code//
}

アイコンは削除されていますが、ツールチップの「保存」は引き続き UI に表示されます。ページを更新すると消えてしまいます。しかし、icon-okが削除されたらすぐに削除したいです。

また、firebugでデバッグしたところ、ツールチップのdivクラスがhtmlページに作成されていることがわかりました

<html><body>
<div ...................>... </div> 
<div class="tooltip fade top in" style="top: 156.5px; left: 256.667px; display: block;">
   <div class="tooltip-arrow"></div>
   <div class="tooltip-inner">Save</div>
</div>
</body></html>

firebug から、deletenode を右クリックしてこの div を削除できます。UIからも正常に削除されます。したがって、JavaScriptコードを使用してこれを行う場合は、削除する必要があると思います.

しかし、その div クラスのツールチップのフェードトップを削除するために、成功関数にどのコードを配置すればよいかわかりません。ここで助けが必要です。

4

5 に答える 5

5

一部のブラウザでは、このtitle属性がツールヒント テキストになります。それを（直接、またはJavascriptを使用して）削除すると、消えます。

http://www.w3.org/TR/WCAG20-TECHS/H33.html

一部のグラフィカル ユーザー エージェントは、タイトル属性を含むアンカー要素の上にマウスを移動すると、ツール ヒントを表示します。

于 2013-04-19T05:59:47.247 に答える