問題タブ [jquery-events]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - jQueryはdomElementの変更を監視しますか?
HTMLマークアップをフッターdivに挿入するajaxコールバックがあります。
私が理解できないのは、内容が変更されたときにdivを監視する方法を作成する方法です。作成しようとしているレイアウト ロジックをコールバックに配置することは、各メソッド (コールバックとレイアウト div ハンドラー) が他のメソッドを認識できないため、オプションではありません。
$('#myDiv').ContentsChanged(function() {...})
理想的には、またはに似たある種のイベントハンドラーを見たいと思います$('#myDiv').TriggerWhenContentExists( function() {...})
watch と呼ばれるプラグインとそのプラグインの改良版を見つけましたが、どちらもトリガーすることはできませんでした。考えられるすべてを「監視」しようとしましたが(つまり、div の高さプロパティが ajax インジェクションによって変更されました)、まったく何もできませんでした。
何か考え/助けはありますか?
javascript - jQuery を使用してイメージがロードされている (エラーがない) かどうかを確認する
jQuery ライブラリで JavaScript を使用して、順序付けられていないリストに含まれる画像のサムネイルを操作しています。画像が読み込まれると 1 つのことを行い、エラーが発生すると別のことを行います。jQueryload()
とerror()
メソッドをイベントとして使用しています。これらのイベントの後、画像 DOM 要素で .complete をチェックして、jQuery がイベントを登録する前に画像がまだ読み込まれていないことを確認します。
jQuery がイベントを登録する前にエラーが発生した場合を除いて、正しく動作します。私が考えることができる唯一の解決策は、imgonerror
属性を使用して、失敗したことを示す「フラグ」をグローバルに(またはそれ自体のノードに)保存し、.completeをチェックするときにjQueryがその「ストア/ノード」をチェックできるようにすることです。
誰もがより良い解決策を持っていますか?
編集:太字の要点と以下の詳細を追加: 画像にロードとエラーイベントを追加した後、画像が完全かどうかを確認しています(別名ロード済み)。そうすれば、イベントが登録される前に画像が読み込まれた場合でも、それがわかります。イベントの後に画像が読み込まれない場合は、イベントが読み込まれたときにそれを処理します。これの問題は、画像が既に読み込まれているかどうかを簡単に確認できますが、代わりにエラーが発生したかどうかはわかりません。
jquery - jQueryアコーディオン:ペインがchangestartイベントを開く/キャンセルするのを防ぐ
私は次のマークアップを持っています:
私は次のようにアコーディオンを作成します。
ユーザーがペインを変更できないユースケースがいくつかあるという考え方ですが、上記のイベントのキャンセルは効果がなく、ペインは変更できます。
ペインの変更を防ぐ方法はありますか?また、変更を防ぐために現在のペインをプログラムでアクティブ化しようとしましたが、それによって別のchangestartイベントが発生し、すべての地獄が解き放たれます(アコーディオンが実際に壊れます)
javascript - jQuery を使用して要素にバインドされたイベントを見つけることはできますか?
このリンクで 2 つのイベント ハンドラーをバインドします。
JavaScript:
要素にバインドされたすべてのイベントのリストを取得する方法はありますid="elm"
か?
javascript - keyup イベントの大文字
で大文字に変わる入力が欲しいkeyup
です。だから私は簡単なイベントを添付しkeyup
ます。
HTML
Javascript (jQuery を使用)
しかし、Chrome と IE では、左矢印を押すと、カーソルが自動的に末尾に移動することがわかりました。入力が文字のみかどうかを検出する必要があることに気付きました。検出にはキーコード範囲または正規表現を使用する必要がありますか?
javascript - Javascript/jQuery を使用して Select を開きますか?
Javascript (および jQuery) を使用して選択ボックスを開く方法はありますか?
IE のバグが原因で、select を開く必要があります。IE (6、7、8) のすべてのバージョンで、私の選択肢は減りました。私の知る限り、これに対する CSS のバグ修正はありません。現時点では、次のことをしようとしています。
しかし、最初に選択をクリックすると選択の幅が変わりますが、もう一度クリックして開く必要があります。
javascript - プログラムでJavascriptイベントを読む方法
次のようなボタンがあるとします。
ここで、テスト機能は次のとおりです。
たとえば、onclickイベントに何が設定されているかわからない場合、実行時に関数またはonclickに設定されているコードを読み取って実行する必要があります。次に例を示します。
私はこれがうまくいかないことを知っています、そしてそれは実際に私の質問です。この例のボタンのonclickイベントを実行時に読み取るにはどうすればよいですか?
この場合の例は、後でjQueryを使用してonclickがボタンにアタッチされる場合です。
javascript - キーアップ時にフィールドからテキストを取得しますが、さらに入力するために遅延があります
さまざまな要素が変更されたときにリモートで送信されるフォームがあります。特に検索フィールドでは、フィールド内のテキストがいつ変更されたかを検出するためにキーアップを使用しています。これの問題は、誰かが「chicken」と入力すると、フォームが 7 回送信され、最後の 1 回だけがカウントされることです。
このようなものが良いでしょう
キーアップが検出されました - 待機を開始します (1 秒間)
別のキーアップが検出されました - 再起動の待ち時間
待機終了 - 値を取得してフォームを送信
これの独自のバージョンをコーディングする前に (私は本当に小さな js しか持たないバックエンドの男で、すべてに jQuery を使用しています)、これに対する既存のソリューションは既にありますか? それは一般的な要件のようです。jQueryプラグインかな?そうでない場合、これをコーディングする最も簡単で最良の方法は何ですか?
更新 - ダンに追加された現在のコード (以下)
ダン - これは関連している可能性があります。このページで使用している jQuery プラグインの 1 つ (tablesorter) には、このファイル「tablesorter/jquery-latest.js」が必要です。これが含まれていると、コードで以前と同じエラーが発生します。
jQuery("input#search").data("timeout", null) が未定義 http://192.168.0.234/javascripts/main.js?1264084467 11行目
異なる jQuery 定義の間に何らかの競合があるのではないでしょうか? (か何か)