問題タブ [hoverintent]

jQuery プラグインhoverIntentを使用して、フォームを含む div を展開/短縮しています。以下に示すように、div が高い場合にフォームが表示されます。

フォーム フィールドのいずれかにフォーカスがある場合、onMouseOut/makeShort が起動しないようにするにはどうすればよいですか?

ホバー イベント用の別のより堅牢なプラグインがあれば、提案も受け付けています。

jQuery 1.7にアップグレードしたため、UIタブでhoverIntentイベントが機能しなくなりました。jQuery 1.7以降、hoverIntentを使用する代わりに、タブが即座に切り替わります。

UIタブを初期化するために使用したコードは次のとおりです。

これは、私のページに含めたhoverIntentイベントのjsです。

ここに修正があるようです（ただし、UIアコーディオンの場合）：https ：//github.com/jquery/jquery-ui/commit/f0f54e38d8eab613d7ea25d698b81126e5263d83#diff-0

デモを参照してください：http：//jqueryui.com/demos/accordion/hoverintent.html

ただし、hoverIntentを再び機能させる方法はわかりません。上記のコードにどのような変更を加える必要がありますか？助けてくれてうれしい！

Soh Tanaka の "Mega Menu" - http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - をドロップダウン メニューで使用していますが、"out " 関数。メニューは hoverIntent を使用し、「500」のタイムアウト遅延でフェードアウトする必要がありますが、マウスアウトすると消えます。

http://native.thefutureforward.com/

問題の JS ファイルは「js/mega-menu.min.js」です。現時点では、コードが少し乱雑であることに気付いたので、それに取り組んでいます。

メニューの mouseOut を遅延とフェードアウトの両方にするための助けをいただければ幸いです。

したがって、マウスをオブジェクトの上にすばやく移動すると、ユーザーが指定されたミリ秒数の間そのオブジェクトの上にマウスを置くまで、アニメーションは起動しません。CSS3だけでこれができるとは思いませんが、間違っているのではないでしょうか。

この効果は、リンクの束のようなものがあり、各リンクが小さなツールチップバブルを起動した場合に使用します。ユーザーが画面上でマウスを動かして何かをクリックした場合、これらのツールチップバブルがすべて表示されることはありません。

Capybara 経由で hoverIntent イベントをトリガーする方法を考え出した人はいますか?

私の Rails アプリのメイン ビューでは、ユーザーがそのセルの上にマウスを置くと、テーブル セルに編集ボタンが表示されます。

最近、jQuery hoverIntentプラグインを追加して、これらのボタンの表示を遅らせました。これにより、ユーザーがページ上でマウスをすばやく動かしたときに、UI がビジーな配電盤のように見えなくなりました。

残念ながら、hoverIntent の追加により、いくつかの Cucumber-Capybara-Selenium テストが中断されました。テストでは、次のような手順でボタンを表示していました (簡略化):

これは、通常のマウスオーバー イベントではうまく機能しましたが、hoverIntent をトリガーしません。

1 つの (一種のハック的な) 解決策は、名前付き関数を作成して、マウスオーバーとマウスアウトの動作のために hoverIntent に渡すことです (私が現在行っている匿名のインライン関数の代わりに)。その後、Capybara ステップでマウスオーバー関数を名前で呼び出して、同じ結果を得ることができます。

ただし、これは hoverIntent 機能のテストを回避するため、最適ではありません。

ご提案いただきありがとうございます。

ここで頭がおかしくなったような気がします。cssをレイヤーごとに最小限に剥がしましたが、ラッパーに約50ピクセルの左パディングがあるかのようにリストが表示されます。ここではいくつかのjQeryを使用していますが、リストと関連するdivの配置にどのように影響するかわかりません。誰かが犯人を見つけることができれば、私は本当にそれをいただければ幸いです。以下のコードには、リスト項目を1つだけ含めました。それらはすべて同一です。

ページはここにあります：http ：//www.tpan.com/testing/custom.html

Javascriptはここにあります：

cssはここにあります：

htmlはここにあります：

私はこれを何度も何度も繰り返して何時間も費やしました。ありがとうございました。

次のようなjQuery hoverIntent プラグインを使用しています。

ただし、このインスタンスのオンザフライでの設定を変更して、function_a間隔を 500 に設定したいと考えています。これはどのように達成できますか?

助けてくれてありがとう。

だから私はこの奇妙な問題を抱えています。

アイテムにカーソルを合わせている間、ナビゲーションの後ろにリボンが移動しています。これには、リボンの形状を描画するための古い css-corner トリックが含まれています。これらは負のボトム プロパティによって配置されます。奇妙なことに、.mouseenter イベントは「this」に「overflow:none」クラスを追加しているようです。これを防ぐ方法はありますか？

2 つ目の質問は、hoverIntent のように、マウスが通り過ぎるだけで .mouseenter が起動しないようにするにはどうすればよいかということです。私は mouseenter がそれをしていると思っていましたが、どうやらそうではありませんでした。

これをより短く、より良くする方法に関するヒントも大歓迎です。コードは次のとおりです。noConflict スクリプトを実行しているため、「j」は $ に変換されます。

私のウェブサイトはここにあります: http://www.egegorgulu.com

私は前のトピックで同じことを尋ねましたが、誰かが私がこれのために別のものを開くべきであると言いました。だからここに行く：

ナビゲーションの背後でリボンをアニメーション化していますが、問題は、開始位置に戻って次の要素に戻るのではなく、アニメーション化された要素を前の場所に保持したいということです。私はこれを達成することができましたが、hoverIntentを使用しませんでした。これで、リボンはナビゲーション上のすべての動きを検出します。どうすればこれを防ぐことができますか？

私が間違っている場合は訂正してください。ただし、delay（）とsetTimeout（）は、停止に関係なく最後のアニメーションを起動するため、この時点では意味がありませんでした。マウスが通り過ぎたときに、mouseenterが起動しないようにするにはどうすればよいですか？たぶん、マウスがホバリングブロック上で300ミリ秒以上安定している場合のように、マウスオーバーのif句はありますか？

注：noConflictスクリプトを実行しているため、j=$です。

あなたは私のウェブサイトを見つけることができます：www.egegorgulu.com