答えて
ネイティブツールチップ/タイトルではありません。しかし、あなたはそれらをcutomizeと制御させるthisのようなjQueryプラグインがあります。
あなたは彼が言及していないjQueryを使用する必要があることを除いて、それと一緒にプラグインを使用します。 – Sparafusile
ありがとうTim、私はそのような解決策を認識していますが、ネイティブツールチップについては興味がありました。 –
彼はこれについて言及しなかったので、私の答えは「ネイティブのタイトルではない」でした。しかし、jQueryはjavascriptライブラリではありません。もちろん、彼はdivを表示/非表示にするために彼自身のライブラリを構築することができますが、なぜホイールを再発明するのでしょうか? –
私はネイティブのツールチップのように見え、代替テキストと同じテキストを含む絶対配置されたDIVを使用します。すべての要素をループし、title属性を持つ各要素についてDIVを作成するのはかなり簡単です。
ほんの少しの手間とJavaScriptプラグインが必要ありません。
自分でツールチップのレイアウト(境界線付きのdiv)を作成し、jQueryを使用したいときに表示することができます。次のようなタイトルのリンク要素を選択できます。
a[title] {}
- 1. HTMLフォーム要素をグレー表示する
- 2. HTML、CSS、Javascript - 非表示/表示要素
- 3. リモートウェブサイトが特定のhtml要素を表示することをプログラムでチェック
- 4. Safari拡張機能のポップオーバーの下に表示されるhtml要素のタイトル
- 5. JavaScriptのHTML要素にconsole.log()を表示
- 6. HTMLエンティティを表示する≫タイトルに
- 7. 非表示HTMLフォーム要素にidの
- 8. HTMLでインラインで要素を表示していますか?
- 9. Flask-WTFormsでhtmlタイトル属性を表示するフィールドの説明
- 10. jQuery - html文字列内の要素を非表示にする
- 11. htmlページの要素IDを表示する方法
- 12. ユニバーサルWindows 10のListView要素をプログラムで強調表示
- 13. HTML選択要素のonchangeイベントをプログラムで起動する
- 14. jqueryで前の要素を表示/非表示にする
- 15. クラスの要素内の要素を非表示にする
- 16. angularjsのng-repeatで同じデータのhtml要素を非表示にする
- 17. を表示するdiv要素のみ
- 18. フルスクリーン要素以外の要素を表示する(HTML5フルスクリーンAPI)
- 19. 表示要素を1行に表示
- 20. HTMLファイル入力要素にXMLファイルのみを表示
- 21. HTMLの記事要素を水平方向に表示
- 22. 要素グループの非表示と表示
- 23. mouseleave 2要素表示/非表示1要素?
- 24. XSLTを使用してHTMLテーブルにXML要素を表示
- 25. Android 4.3以前でHTML要素を非表示にする方法
- 26. mouseoverでdiv要素のテキストを表示
- 27. まだHTML要素が表示されていますか?
- 28. データグリッド表示のアクセス要素
- 29. 次々に要素を表示する
- 30. PHP値に基づくHTML要素の表示
ネイティブUIのツールチップですか?いいえ、あなたはJSで独自のツールチップを作っていますか?確かに。 – thirtydot
これは、ユーザーがUIの動作を期待する方法とは完全に逆です。なぜあなたはこれをしたいのですか? –
ユーザーがUIから期待していることを予測することは、かなり複雑なことですね。ツールチップは状況の示唆であり、ユーザーの入力(状況)はマウスイベントに限定されません。具体的には、ユーザーが視覚的な提出ボタンを持たない検索フィールドに入力しているときに、準備ができたら「Enter」を押すように提案することができます。 –