問題タブ [tipsy]

D3 で生成された SVG サークルのツールチップを生成するためにTipsyを使用しています。私のコードは、この例からそのまま引用されています。このコードを使用すると、円オブジェクトにカーソルを合わせると、ツールヒントがうまく表示されます。

ホバーではなく、ページの読み込み時にツールチップを表示する方法はありますか? を使用してみshowましたが、うまくいかないようです:

ページの読み込み時にツールチップを表示するためにほろ酔いになることは、この質問例に基づいて理論的には可能のようです。ただし、このロジックを機能させるために D3 を操作する方法がわかりません。ページの読み込み時とホバー時にツールチップを表示するにはどうすればよいですか?

プロジェクトでjQuery Tipsyを使用しています。上部にソーシャル メディア名、下部に表示するソーシャル メディア タグでは、ページ共有は次のようにカウントされます。

編集：

私のリンクは次のようになります：

そして、次のような jQuery コード部分:

もちろん、うまくいきませんでした。私はグーグルで検索しましたが、何も見つかりませんでした。私たちを手伝ってくれますか？

jqueryのほろ酔いツールチップを使用して追加情報を表示しています。私は自分のウェブサイトをレスポンシブにしたので、サイズ変更イベントリスナーを追加し、ページのサイズに応じて多かれ少なかれ要素が表示されるようにしました。したがって、ほろ酔いツールチップを再適用する必要があります。たとえば、私は今、まだほろ酔いを持っていなかった新しい要素を持っているかもしれません.

残念ながら、再適用するたびに、既存のtipsysを置き換えずに、別のtipsysを追加したようです。

効果についてはjsfiddleを見てください。HTML 結果ペインのサイズを変更すると、ツールチップが表示されたときに JavaScript コンソールに複数のコールバックが表示されます。

http://jsfiddle.net/7mbbcmvz/1/

HTML コード:

Javascript コード:

私はいくつかのサンプルコードに取り組んでいるので、これらのツールチップの操作方法がよくわかりません. ほろ酔いを使用して各円にツールチップを追加する d3.js によって作成された散布図があります。これは、円をロールオーバーしたときにラベルを追加するコードの一部です。

「属性」は、私のデータの列の 1 つです。これを任意の列名に変更すると、それがツールチップに表示されます。私がやりたいのは、各列のデータを含む完全な文をツールチップに表示することです。私がやりたいのは次のようなものです。もちろん、まったく機能しませんが、要点が伝わることを願っています。

これをどのように機能させるかについての考えはありますか？

フォームの検証には jQuery Validation プラグインを使用し、エラー メッセージには Tipsy ツールチップを使用します。IE 10/11 でドロップダウンを使用するのに問題があります。

検証後、フィールドが必要なメッセージを報告すると、ドロップダウンが自動的に開いたり閉じたりしますが、フィールドを選択する機会はありません。

どうすれば修正できますか？

JSFIDDLE

Web ページでTipsyを使用してツールチップを表示しています。しかし、それはほろ酔いcssなどでタイトルを表示しています.最初の結果には完全に対応していますが、mysqlからの別の結果には取り組んでいません。別のシンプルなタイトルでは、ホバーで表示されます。(以下の添付画像を参照してください)

$data["remark"] が mysql データベースから取得され、コードでタイトルとして使用され、正常に動作している次のコードを使用しています。

頭の中

本文セクションで

画像 ： -