問題タブ [jquery-click-event]
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クリックイベント
複数のdivを動的に追加しています。クラス名は「result_」+idとして指定されます。ここで、idはデータベーステーブルからのものです。
クリックされたdivを追加できるように、クリックイベントを作成するにはどうすればよいですか。
たとえば、以下のようにcssを記述して、文字列「result」で始まるクラス名を持つすべてのdivをアドレス指定できます。
jquery - 動的に作成されたタグに関連付けられたクリック イベントが発生しない
タグを動的に作成しています。次に、クリックイベントをそれらに添付しようとしています。しかし、それらのイベントは発生していません。
これが私のコードです:
$('a[name=remove]').live('click', function(event)
の代わりに実行すると$('a[name=remove]').on('click', function(event)
、イベントが発生します。live
の使用は推奨されていないことをどこかで読んだので、 を使用する必要がありますon
。また、 を使用すると、イベントの伝播またはバブリングが発生する可能性がありますlive
。では、どうすれば問題を解決できますか?
jsFiddle .
jquery - JQueryを使用してグリッド内の入力ボタンイベントが発生しない
グリッドビュー内に入力ボタンがあります。以下のようにjqueryを使用してボタンのクリックイベントをキャプチャし、コードビハインドを実行しています(基本的に、電子メールの読み取りと読み取りの機能を実装しようとしています)。
上記のイベントの後の同じページに、以下のように行クリックをキャプチャする別のイベントがあります。
これで、ボタンを最初にクリックすると正常に機能しますが、2回目のクリックではイベントは呼び出されず、trクリック内の機能が実行されます...
しかし、ページを更新して同じことを行ってから、もう一度更新すると、ボタンイベントが実行されます...
また、ajaxの部分をコメントアウトすると、問題ありません...そこにも構文エラーが見つからないようです。
javascript - 要素がクリックされていない場合はフォーカスアウトします(フィドルを参照)
何かを書くと、入力フィールドに「クリア」アイコンが動的に表示されます。キープレスとフォーカス イベントはそれをうまく処理します。唯一のことは、入力フィールドがフォーカス モードでないときにアイコンを削除することです。問題は、アイコンにクリック イベントがあるため、アイコンをクリックすると focusout イベントが発生することです。私はそれを理解することはできません。
少しフィドルをまとめました: http://jsfiddle.net/w9RbW/。
ご覧のとおり、入力値が空でない場合、アイコンはまだそこにあり、クリックされているかどうかを確認する方法がわかりません...
jquery - jQueryでクリックイベント後にホバーアクションが反転する
カーソルがそれらの1つの上にあるときに2つの列を強調表示するシステムを使用しています。
次に、ユーザーはセルをクリックして、各セル内の値を からNo
に変更できます。Yes
これが発生すると、hover
アクションが逆に動作するように見えます。代わりに、カーソルが外側にあるときに機能します。
これが私の例のフィドルです: http://jsfiddle.net/L9Kfq/
クリックしてセルの値を変更すると、列が強調表示されたままになります。なぜこうなった?
ありがとう。
jquery - jqueryトグルには2回のクリックが必要です
これがjsfiddleです:
jqueryでは、緑色の三角形がコンテナを引き出し、次に赤色の三角形がコンテナを押し戻しますが、それを行うには2回のクリックが必要です。両方の三角形を1回クリックするだけで済むようにするにはどうすればよいですか?
サイトで他の質問を調べましたが、まだわかりません。そのような:
私が彼らから得た最も多くのことは、代わりにトグルをクリック機能に変更しなければならないということです。だから、それは私がこのことを理解しているところをあなたに示すはずです。また、誰かがこれを学ぶためのいくつかの良い情報源をお勧めできますか?
jquery - jQuery On の問題、特に iPad の問題
それを読んで、使用のために何度か「通知」されたのとlive
は対照的にon
、すべてのコードをon
...に移動し、多くの問題を抱えています!!
そのほとんどは克服しましたが、今日は非常に奇妙な問題があります。
メッセージヘッダーが表示される質問/回答掲示板がありますが、ヘッダーをクリックするとコンテンツが動的に読み込まれ、HTML は
headerRow
メッセージ スレッドを閉じたり削除したりするためのいくつかのボタンと、span
メッセージの詳細、ユーザー名、電子メールの件名、および返信フォームを開くために押すボタンを含むコンテナーがあります。
クラスを含むスパンにopenCurrent
は、次のようにバインディングに関する jQuery があります。
現在、これは私の PC では完全に機能しますが、iPad では信頼できません。
時々機能しますが、なぜ/いつ機能するかについてのパターンを理解できません。
私は最初、on
バインドを次のようにしました。
しかし、モバイル Safari のバグについて読んだ後、ここで:
jQuery .on() および .delegate() が iPad で機能しない
ボディに変えてみましたが、挙動に変化はありませんでした。
click
この場合、要素に CSS が含まれていない限り、モバイル Safari はイベントをトリガーしないことにも以前気付きましたcursor:pointer
。デスクトップ GUI で視覚的に意味があるため、既に配置されています。
誰でもアイデアはありますか?
編集:
iPad の Chrome でも機能しません。
追加編集:
headerRow
クリックイベントを要素にバインドしようとしましたが、同じ問題が発生します
jquery - jquery:2回目のクリックで
トグルアニメーションのクリックに問題があります。たとえば、1回クリックして要素が下に移動し、2回目のクリックで要素が上に移動する場合などです。.toggleを試しましたが、成功せず、次のアイデアがあります。
「カルーセル」(ボタン)を10px下に移動する関数があります[トランジットプラグインを使用します]:
次に、これらのカルーセルの1つをクリックします。
非常にうまく計算され、アニメーション化するすべてのボタンのすべてのクリックを定義するだけで済みます。
このようにして、ボタンをアニメーション化して10px下に移動します{y:'+ = 10'}が、もう一度クリックして上に移動したいので、{y:'-=10'}が必要です。
私はこのようなものを混ぜました:
今、私はそれに別のreturn carousel_4way(1、this、'-');を追加する必要があります。そして、これは私が立ち往生している場所です。出来ますか?
jquery - jQuery: .prepend() を使用してドラッグ可能な div に HTML を挿入する - この HTML 要素でクリック イベントを使用する方法は?
次の問題:「#window-hidden」という非表示の div コンテナーがあります。ユーザーがリンクをクリックすると、リンクされたドキュメントの HTML が AJAX によってこの div コンテナーに挿入される必要があります (これまでのところ動作しています)。このコンテナーもドラッグ可能である必要があります (これまでのところ動作しています)。この div コンテナーを再度非表示にすると、問題が発生します。
私のコード:
コードの最初のブロックは、HTML を div コンテナーにロードし、"closer" 要素をコンテナーに追加します。これまでのところ、すべて問題ありません。2 番目のブロックは、コンテナーをドラッグ可能にします。そして、コードの最後のブロックで、ウィンドウをもう一度閉じたかったのですが、機能しません。親コンテナ(#window-hidden)がドラッグ可能だからでしょうか?それとも、DOM の構築後に #closer 要素が挿入されているためでしょうか??
ベスト、トバイアス