問題タブ [jquery-events]

複雑な jQuery フォームがあり、特定のチェックボックスがオンになっている場合、いくつかのフォーム要素を無効にしたいと考えています。jQuery 1.3.2 と関連するすべてのプラグインを使用しています。ここで何が間違っていますか？

ここに私のHTMLがあります：

これが私のjQueryです：

これは本当にばかげた質問のように思えるかもしれませんが、私はアプリケーションを作成していて、マウスオーバー、マウスクリック、マウスホバーに異なるイベントをバインドする必要がある場所に出くわしました。現在、Internet Explorer、Firefox、およびSafariで使用されています。それはすべて期待どおりに機能します。

ただし、私のiPhoneでは、アクションはトリガーされません。今私の質問は、私が指を押したままイベントをトリガーしたときに、マウスオーバーを基本的に起動させることができる特定の方法ですか？

これが機能しない例は、このWebサイトで、コメントにカーソルを合わせると+1またはフラグアイコンが表示されるはずです。

私はjQueryを使用しています。

ご存じのように、Internet Explorer では、ページ上の要素のサイズが変更されると、window.resize イベントが発生します。要素のサイズ変更がビューポート自体の寸法に影響を与えなくても、高さまたはスタイル属性の割り当て/変更、単に子要素の追加などによってページ要素のサイズが変更されるかどうかは問題ではありません。

私のアプリケーションでは、window.resize ハンドラーでいくつかの <li> 要素のサイズを変更しているため、これは厄介な再帰を引き起こしています。これは、window.resize などを再起動します。

ページ上の要素のサイズが変更されたことに応じて、IE で window.resize が起動しないようにする方法はありますか?

私はjQueryを使用していることにも言及する必要があります。

<option>IE8のクリック/コンテキストメニューイベントに応答しませんか？

ローカルで確認するためのすべてのコードは次のとおりです。

編集

私が提供したコードは、私が遭遇した問題を明確にするためのものです。

最終的に私は次のようなことをします：

私はこの質問から始めました: Multiple Javascript gadgets per page . jQuery プラグインの作成方法を読んだ後、JS オブジェクトをラップすることで、OO JavaScript オブジェクトを jQuery プラグインに変更しました。

を追加する

私のオブジェクトで。次のようにして、1 つのページに 2 つのガジェットを正常に表示できるようになりました。

関数の一部としてcreateMyGadget()、一意の ID ( ) を持つ新しい div を作成し、gadgetUIDその div に多数の HTML、ボタン、img などを書き込み、その div を#fooandに追加します#bar。それはうまくいきます。

私の HTML にはgoNext()、JavaScript オブジェクトで定義された関数を呼び出す必要がある「次へ」ボタンがあります。そのオブジェクトでその関数を参照するにはどうすればよいですか? 私はもう試した

と

そして、私が考えることができる他のすべての順列。Firebug は常に「...not a function」というエラー メッセージで応答します。

補遺: johnnyheadphonesに対する私の応答は次のとおりです。

jQuery の内部から同じことを試みましたが、同じ結果が得られました。たとえば、「... 関数ではありません」。実際の関数呼び出しは次のとおりです。

リロードして次のボタンをクリックすると、Firebug に「$('#'+this.gadgetId).pageData(1) は関数ではありません」と表示されます。

ところで、最初は goNextIcon でこれをやりたかったのですが、コードをコピーして貼り付けることができるようにボタンに変更しました。

他に何か問題があると思い始めていますが、これは単なる奇妙な副産物です。

補遺:私は問題を理解しました.

問題の要素で pageData() を呼び出していました。要素には pageData() 関数はありません。それは「this」オブジェクトにあります。正しい (そして唯一の) pageData() オブジェクト (「this」に関連付けられている) を指定すると、宣伝どおりに機能しました。

次に、コードのクリーンアップを行います。

テキストボックスに特定の文字を許可するために、jQuery を使用して keydown イベントをバインドしています。コードをクロスブラウザとプラットフォームに準拠させようとしています。私の主な問題は、受信したキーコードを有効な文字コードにマップする方法が見つからないことです。特に、数値パッドからのキーコード (小数点区切り記号、コンマまたはピリオドなど) の場合はそうです。 .

mouseupイベントは、と組み合わせていない場合にのみ発生するようmousemoveです。つまり、マウスの左ボタンを押して放すと、mouseup起動します。ただし、画像をドラッグして放すと、何mouseupも発生しません。この動作を示す例を次に示します。

これをロードし、クリックして放すと、「UP」が警告を発します。ただし、ドラッグしてから離すと、UPは発生しません。

完了mouseup時に発砲するにはどうすればよいですか、またはイベントを調べてマウスの左ボタンがオフになっていることを確認するにはどうすればよいですか？mousemovemousemove

背景: whenisgood.netを連想させるテーブルを作成しています。テーブル要素のクリック アンド ドラッグ トグルがあります。mousedownマウスの左ボタン、中ボタン、右ボタンでイベントがアクティブになったときに、さまざまな種類のトグル コードを呼び出したいと考えています。

JQuery を使用することで、良いスタートを切ることができました。

このtoggle()関数では、e.whichどのボタンがクリックされたかを判断するために使用できます。

オチ: e.preventDefault() を使用して、スクロールのミドルクリックのデフォルト動作を停止することを期待しました。そうではありませんでした。スクロール アクションがアクティブにならないようにするにはどうすればよいですか?

「中クリックを使用した onclick イベントのトリガー」も参照してください。

jQueryを使用してCSSクラスが追加または変更された場合、どうすればイベントを発生させることができますか？CSSクラスを変更するとjQuerychange()イベントが発生しますか？

クレジットカード番号フォームがあります。番号は、実際のクレジット カードと同じように 4 つの部分に分かれています。

ユーザーがフィールドに 4 文字を入力すると、フォーカスが自動的に次のタグに移動するように、フォームに JavaScript のテイストを追加したいと考えています。しかし、最後のタグではありません。これにより、ユーザーはフォーカスを移動するために「タブ」キーを入力する必要がなくなります。

タグにクラス、ID、または名前を追加しても問題ありません。