問題タブ [mouseover]

jScrollPaneを使用してdivをスクロールしています。現在のデフォルトでは、上下の矢印をクリックしてペインをスクロールします。ただし、代わりにマウスオーバーを使用したいと思います。私はコードを見てきましたが、これをどのように行うかは完全には明らかではありません。

誰かがこれを以前にやったことがありますか？アイデア？

http://www.kelvinluck.com/assets/jquery/jScrollPane/scripts/jScrollPane.js

要素のリストが表示されたページがあります（アイテム）-動的に描画されるため、ライブです。ユーザーがアイテムをロールオーバーすると、「オン」のクラスに切り替えて、ロールオフ（マウスアウト）すると、アイテムは通常の状態に戻ります。アイテムは以下のコード行でオンになりますが、オフにはなりません。提案？

ありがとう！

マウスオーバーがリンク上で 1 秒を超えた後、 QTIP ( http://craigsworks.com/projects/qtip/ )を表示したいと考えています。これはどのように可能ですか？

要素の上にマウスを置く時間が 1 秒未満の場合、何も起こらないはずです。以下のコードを試しましたが、ブラウザがクラッシュします。

.mouseoverマウスが「トリガー」要素上に所定の時間 (たとえば 500 ミリ秒) 置かれた場合にのみ、関数をアクティブにしたいと考えています。

例えば

マウスが .featured 要素上に 500 ミリ秒以上置かれた場合にのみ、関数が開始され、.feat-txt が FadeOut できます。その要素の上に単純なマウス オーバー (ただの素早い動き) では、機能はアクティブになりません。

それを行う方法について何か提案はありますか？

ロールオーバー時に src を変更するためにロールオーバーを取得しようとしています。バグがありますが、これは正常に機能しています。サムネイルをクリックした後、src に間違った src が含まれることがあります (マウスアウトしてもロールオーバー状態が維持されます)。. バグを見つけるには、いくつかのサムネイルをクリックしてマウスオーバーすると、既にクリックされたもののロールオーバー src が残っていることがわかります。デモは利用できなくなりました。申し訳ありません。

jQuery -

HTML:

この HTML は、ページ全体で何度も繰り返されます。ロールオーバーの状態は NL1r.jpg、NL2r.jpg などです。画像はフォルダーに整理されるため、すべての画像ファイル名は同じ命名規則を使用します。

プロジェクトのためにJavaでゲームを作る必要があります。

私がやろうとしているのは、壁に触れずに迷路を通り抜けなければならないゲームです。

マウスが置かれているピクセルの色を取得する方法はありますか？

次の要素があるとします。

内側の要素には、親の外側に視覚的に配置できる位置付けがあり、次のように親にイベント リスナーを配置します。

下から親に直接マウスを合わせると、直接イベントが発生しますが、横からマウスを合わせると (最初に子を押すと) イベント ルーティングが発生するため、子がバブルアップするときにも子からイベントを受け取ります。 .

子要素から出て親スペースに入るまで左に移動し続けると、直接イベントが発生し、もう一度右に移動すると、子要素から別のバブル イベントが発生します。

これは設計によるものであり、設計はまったく問題ありませんが、マウスが私の上にあるときに単一のアクションを実行したい場合 (子アイテムを含む)、興味のないイベントをブロックするために追加の作業を行う必要があります。 . たとえば、これはうまくいきます:

基本的に、コードには、マウスが (子を介してかどうかに関係なく) 親を「オーバード」したかどうかを判断する状態変数があり、「オーバード」している間にイベントが再び発生した場合、それらのイベントは無視されます。マウス アウト イベントもキャプチャします。聞いてみてください.. relatedTarget (あなたが入力しようとしているターゲット) は私ですか? （親）、またはMEの最終的な子供？そうであれば、何もしないでください。それ以外の場合は、「overed」状態を false に設定します。

そのコードは実際には機能しますが、次のターゲットを決定するために relatedTarget プロパティを使用できないと想像してください。この動作を行うにはどうすればよいでしょうか?

私はそれが理にかなっていることを願っています。関連するターゲットなしでそれを行うには、イベントに十分なコンテキストがないと感じていますが、eventPhase プロパティの動作を変更することに関して角度があるかもしれないと感じました (イベントが直接かバブルかを判断するため)。

また、「これは IE では機能しません、ヤッダヤッダ」という回答を探しているわけではありません。

編集、明確にするために、次のように見える単一の要素があるかのようにイベントが発生するようにします(要素が実際に上記の例の場合):

2つのソート可能なリストがあります。1つはネストされており、ネストされたソート可能なリストのli要素にマウスオーバー効果があります。私の問題は、ユーザーが子要素のリストをすばやくマウスで移動すると、mouseover関数とmouseout関数が一貫して呼び出されないことです。

何が起こっているかのサンプルを次に示します。問題を確認するには、ペインをリストにドラッグしてから、3〜4個のテキストボックスアイテムをペインにドラッグする必要があります。右上の2つの数字が、マウスの出入りを追跡していることがわかります。これまでのところ、Firefoxで自分のサイトをテストしただけであることに注意してください。

例

私のjqueryコード：

マウスオーバーとマウスアウトの機能は次のとおりです。

最初の並べ替え可能なリスト：

update: function(ev, ui){ if (!ui.item.is('.noChange')){ addNewPane(ui.item); } }, start: function(event, ui){ if (ui.item.is('.noChange')){ $("#left-form-space").css({'height' : height}); $("#left-form-space").animate({height: "75px"}, 600, function(){ $("#left-form-space").css({'height' : 'auto'}); }); } }, stop: function(event, ui){ $item = ui.item; if ($item.is('.noChange')){ $item.css({'height' : '0px'}); $item.animate({height: "150px"}, 600, function(){ $item.css({'height' : 'auto'}); }); } }, placeholder: '.placeholder-highlight', cursor: 'move', revert: true });

ネストされたソート可能なリストを追加するための私の関数：

};

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

ツリービューの変更された形式を使用しています。treeviewitemには、ポップアップに完了ボタンのあるテキストボックスを表示するためのテンプレートがあります。静的クラスを使用して、ポップアップテキストボックス以外のツリービューアイテムのいずれかでmouseOver（IInputElement currentPosition = Mouse.DirectlyOver;）イベントが発生するかどうかを確認しました。アイテムはこのツリービューに動的に追加されます。ここではMVVMモデルを使用しています。

問題は、最初の項目が追加されてポップアップテキストボックスにある場合、アプリケーション全体のマウスオーバーが何らかの理由でオフになっていることです。これは必須ではありません。ただし、2番目の項目を追加してポップアップテキストボックスに残すと、マウスオーバーがオンになります。つまり、マウスオーバーが発生すると、treeviewitemsが強調表示されます。これは交互に起こります....

このマウスオーバーイベントをキャプチャするのは何ですか..??