問題タブ [jquery-ui-tooltip]

CFLayout 内のコンテンツに JQuery UI ツールチップを追加しようとしています。ただし、IE8 (互換モード) では、ツールチップがブラウザーの左マージンに対して表示されます。これは、JQuery と Ext-JS の間のある種の非互換性だと思います。

<CFLayoutAreaテストするために、ブラウザの左側にもくっつくかどうかを確認するために、左側に 200px の絶対配置 div を作成しようとしましたが、そうではありませんでした。代わりに<CFLayoutArea、ブラウザ ウィンドウの左側から 200 ピクセルのところに表示されるはずだったのに、ブラウザ ウィンドウの左側から 200 ピクセルのところに表示されました。

誰かが同様の問題に遭遇して解決しましたか? 現時点では、quirks モードからの切り替えはオプションではありません。

アップデート

次のようなコードを使用してハッキングを管理しました。

ただし、これはクリーンなソリューションではなく、ツールチップが表示されているときにアニメーションが表示されなくなります。

jQuery UI を使用して、ツールチップに画像と説明を表示しています。ツールチップの位置を変更したい。しかし、「位置」オプションを使用すると、ツールチップが表示されません。コードは以下です。

ポジショニングなし:

と：

ツールチップの位置を変更するには?

シナリオ: ボタンをクリックすると、jquery モーダル ダイアログが表示され、入力フィールドとキャンセル/保存ボタンが表示されます。入力フィールドが空の場合、保存ボタンは無効になり、カーソルを合わせるとツールチップにテキストが表示されます。

テスト: ツールチップのテキストが本来の意味を表していることを確認します。

使用: FF v26、ChromeDriver_win32_2.2 および Chrome v31.*、Selenium-java-2.39.0、JQueryUI、および JQuery.tipped.3.2.0。

問題(両方のブラウザー) : NoSuchElementException: 要素が見つかりません:{"method":"id":"selector":"FileNumberRequiredText"}

Javascript :

ダイアログボックス内ではなく、同様のケースで作業しているこのテストコード：

FireBug を使用すると、要素がその ID とともに存在することがわかります。

また、ホバー後に一時停止し、clickAndHoldを使用して無駄にしようとしました。考え？

更新:それ以来、私は運が悪いので次のことを試しました:

と

ユーザーが最初にフォームをロードしたときに値が入力される入力があります。ユーザーがこの 1 つのフィールドに集中するまで、この 1 つのツールチップを持続させたいと思います。ページ全体で同じツールチップを使用していますが、ユーザーがその下の入力に集中するまで、ページの読み込み時にこのツールチップを 1 つだけ表示する必要があります。その後、それは消えるか、他のものと同じように動作する可能性があります. これを行う方法はありますか？

HTML:

JS:

フィドルで見ることができるいくつかの気の利いた CSS もあります。

フィドル

私はjqueryツールチップを使用しており、ある時点で次のコードを使用してツールチップを手動で表示しています:

$("#div").tooltip( "open" );

その後、ドキュメントの別の場所をマウスでクリックすると、ツールチップが非表示になっていないことを意味します。ビューにはまだあります。次のように close メソッドを使用する以外に、そのツールチップを非表示にする方法はありますか。

$("#div").tooltip( "close" );

Web アプリで jQuery UI ツールチップを使用しています。デフォルトでは、ツールチップの位置は「ツールチップ付き要素」の左下です。ただし、ツールチップがブラウザ ウィンドウに収まらない場合は、右下に切り替わります。

この動作は素晴らしいですが、ブラウザー ウィンドウの幅に基づいてツールチップを右下または左下に配置するかどうかを決定するのではなく、ツールチップが表示されないように、親コンテナーの幅に基づいてこれを決定したいと考えています。自分が決めた範囲外。

APIを使用して位置を手動で制御する方法を認識していることに注意してください。位置のロジックをグローバルに制御する方法を探しています。

これは私がやったこれまでのところです。