問題タブ [jquery-ui-tooltip]

私はこれに文字通り何日も取り組んできました。日付ピッカーに jQuery UI を使用するアプリケーションがあります。また、いくつかの強化されたツールチップが必要なので、jQueryUI にツールチップ ウィジェットが追加されたことをうれしく思います。

古いバージョンの IE を引き続きサポートする必要があるため、jQuery 2.0 を使用できません。jQuery 1.9.1 と jQuery UI 1.10.3 にアップグレードしました。

とにかく、ツールチップは期待どおりにまったく動作しません。私はこのコードでツールチップを作成しています:

jsFiddle の完全なデモ: http://jsfiddle.net/2agHC/4/。(左側の外部リソースを使用して、一致するバージョンの jQuery と jQuery UI をロードしたことに注意してください。)

まず、位置プロパティを機能させることができません。ツールチップは、それが接続されているコントロールのすぐ下から始まり、左上隅がコントロールの中央に表示されることを期待しています。(見えるように灰色にしました。) ただし、ツールチップはウィンドウの左端に表示されます。

次に、ツールチップを表示するには、div をクリックする必要がありますが、ホバーで表示されることを期待しています。

ツールチップがどのように使用されるべきかについて、何か非常に基本的なことが欠けているように感じますが、私が言ったように、私はこれに何日も取り組んできました。誰かが私が欠けているものを説明できますか?

以下のページがあります。

私は CSS クラスでいくつかの順列を試しましたが、現在の動作は、必要に応じて黄色の背景ホバーをより広い幅で表示することですが、黒と白の境界領域も拡張されていません。希望どおりではありません。

800px の内部包含 div に収まるように包含ボックスを要求するにはどうすればよいですか?

ありがとう、

私はjQuery UIのツールチップを使用していますが、最終的にはツールチップを最初の初期状態にリセットしようとしています.

「リセット」機能がないように見えるので、これを達成する方法はありますか?

これまでのところ、ツールチップをリセットできる close コールバック関数を使用してみましたが、ツールチップが閉じません。close コールバック関数を使用しているときにツールチップを閉じる方法について、ドキュメントには何も見つかりません。

jsFiddle リンク: http://jsfiddle.net/Handyman/mJMD5/

jQuery UI ツールチップを使用して、ターゲットを超えた場合、またはツールチップ自体を超えた場合に、ツールチップを開いたままにしたいと思います。

close コールバックを使用して、ツールチップまたはターゲット領域の上にいるかどうかを確認できると考えていますが、別のマウスアウト関数を割り当てる必要があります。

これが私のjsfiddleです：http://jsfiddle.net/Handyman/fNjFF/

私は今、私が思いつくことができるものを見るために取り組んでいます。

このjQueryUI ツールチップを使用しています。

jQueryUIファイルは、他のすべての要素が含まれているため、非常に大きくなります。

ツールチップを適切に動作させるには、そのすべてのコードが必要ですか、それともコードの一部を削除できますか?

私が直面している問題は、このページにあります: http://opportunityfinance.net/test/default.aspx?id=6566

基本的に、画像の上にマウスを置くと、ツールチップが消えないことがあります。次のツールチップを表示する前に (マウスが別の画像の上にあるとき)、すべてのツールチップが非表示になっていることを確認するにはどうすればよいですか??

私が使用しているコードは次のとおりです。

率直に言って、これtrack: trueも最初はうまくいかないようです。画像の上にマウスを移動して、マウスを追跡する必要があります。

HTMLコードを次のように設定しました(ページ上の各画像に対して):

どんな助けでも大歓迎です。

私は地図アプリケーションに取り組んでおり、地図オブジェクトで mouseOver が発生したときにツールチップを使用したいと考えています。

jquery ui ツールチップを html なしで javaScript のみで使用できますか?

例えば

JQUERY UI で JQUERY を使用して、短いテキスト文字列のタイトルの値を変更しています。ページが最初に読み込まれると、ツール ヒントは正常に機能し、「クリックして展開」ツール ヒントが表示されます。ユーザーが「more...」または「less...」のテキストをクリックすると、クリック機能がトリガーされます (実際に実行されます)。ブログ投稿の可視性を切り替えます (それが行います); テキストを多めから少なめに、またはその逆に切り替えます (これは行われます)。ボタンのタイトルを更新して、ツール ヒントに新しいテキストが表示されるようにします (Chrome で見られるように更新されます)。ただし、ツールチップは変更されず、タイトルに「Collapse Post」と表示されていても、ツールチップには「Click for more」と表示されています。

JQUERY UI ツールチップが更新を認識し、マウスオーバー時に新しい値を正しく報告する方法でタイトルを動的に更新するにはどうすればよいですか?