問題タブ [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.

0 投票する
3 に答える
3609 参照

javascript - 同じ初期名で始まるクラスのjqueryクリックイベント

複数のdivを動的に追加しています。クラス名は「result_」+idとして指定されます。ここで、idはデータベーステーブルからのものです。


ここに画像の説明を入力してください

クリックされたdivを追加できるように、クリックイベントを作成するにはどうすればよいですか。

たとえば、以下のようにcssを記述して、文字列「result」で始まるクラス名を持つすべてのdivをアドレス指定できます。

0 投票する
2 に答える
523 参照

jquery - 動的に作成されたタグに関連付けられたクリック イベントが発生しない

タグを動的に作成しています。次に、クリックイベントをそれらに添付しようとしています。しかし、それらのイベントは発生していません。

これが私のコードです:

$('a[name=remove]').live('click', function(event)の代わりに実行すると$('a[name=remove]').on('click', function(event)、イベントが発生します。liveの使用は推奨されていないことをどこかで読んだので、 を使用する必要がありますon。また、 を使用すると、イベントの伝播またはバブリングが発生する可能性がありますlive。では、どうすれば問題を解決できますか?

jsFiddle .

0 投票する
2 に答える
1040 参照

jquery - JQueryを使用してグリッド内の入力ボタンイベントが発生しない

グリッドビュー内に入力ボタンがあります。以下のようにjqueryを使用してボタンのクリックイベントをキャプチャし、コードビハインドを実行しています(基本的に、電子メールの読み取りと読み取りの機能を実装しようとしています)。

上記のイベントの後の同じページに、以下のように行クリックをキャプチャする別のイベントがあります。

これで、ボタンを最初にクリックすると正常に機能しますが、2回目のクリックではイベントは呼び出されず、trクリック内の機能が実行されます...

しかし、ページを更新して同じことを行ってから、もう一度更新すると、ボタンイベントが実行されます...

また、ajaxの部分をコメントアウトすると、問題ありません...そこにも構文エラーが見つからないようです。

0 投票する
4 に答える
1734 参照

javascript - 要素がクリックされていない場合はフォーカスアウトします(フィドルを参照)

何かを書くと、入力フィールドに「クリア」アイコンが動的に表示されます。キープレスとフォーカス イベントはそれをうまく処理します。唯一のことは、入力フィールドがフォーカス モードでないときにアイコンを削除することです。問題は、アイコンにクリック イベントがあるため、アイコンをクリックすると focusout イベントが発生することです。私はそれを理解することはできません。

少しフィドルをまとめました: http://jsfiddle.net/w9RbW/

ご覧のとおり、入力値が空でない場合、アイコンはまだそこにあり、クリックされているかどうかを確認する方法がわかりません...

0 投票する
1 に答える
124 参照

jquery - jQueryでクリックイベント後にホバーアクションが反転する

カーソルがそれらの1つの上にあるときに2つの列を強調表示するシステムを使用しています。

次に、ユーザーはセルをクリックして、各セル内の値を からNoに変更できます。Yesこれが発生すると、hoverアクションが逆に動作するように見えます。代わりに、カーソルが外側にあるときに機能します。

これが私の例のフィドルです: http://jsfiddle.net/L9Kfq/

クリックしてセルの値を変更すると、列が強調表示されたままになります。なぜこうなった?

ありがとう。

0 投票する
1 に答える
1192 参照

jquery - jqueryトグルには2回のクリックが必要です

これがjsfiddleです:

http://jsfiddle.net/FVuvC/

jqueryでは、緑色の三角形がコンテナを引き出し、次に赤色の三角形がコンテナを押し戻しますが、それを行うには2回のクリックが必要です。両方の三角形を1回クリックするだけで済むようにするにはどうすればよいですか?

サイトで他の質問を調べましたが、まだわかりません。そのような:

JQuery Toggleの問題、2回のクリックが必要

2回のクリックが必要なトグル機能

私が彼らから得た最も多くのことは、代わりにトグルをクリック機能に変更しなければならないということです。だから、それは私がこのことを理解しているところをあなたに示すはずです。また、誰かがこれを学ぶためのいくつかの良い情報源をお勧めできますか?

0 投票する
1 に答える
2408 参照

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クリックイベントを要素にバインドしようとしましたが、同じ問題が発生します

0 投票する
1 に答える
153 参照

jquery - jquery:2回目のクリックで

トグルアニメーションのクリックに問題があります。たとえば、1回クリックして要素が下に移動し、2回目のクリックで要素が上に移動する場合などです。.toggleを試しましたが、成功せず、次のアイデアがあります。

「カルーセル」(ボタン)を10px下に移動する関数があります[トランジットプラグインを使用します]:

次に、これらのカルーセルの1つをクリックします。

非常にうまく計算され、アニメーション化するすべてのボタンのすべてのクリックを定義するだけで済みます。

このようにして、ボタンをアニメーション化して10px下に移動します{y:'+ = 10'}が、もう一度クリックして上に移動したいので、{y:'-=10'}が必要です。

私はこのようなものを混ぜました:

今、私はそれに別のreturn carousel_4way(1、this、'-');を追加する必要があります。そして、これは私が立ち往生している場所です。出来ますか?

0 投票する
3 に答える
246 参照

jquery - jQuery: .prepend() を使用してドラッグ可能な div に HTML を挿入する - この HTML 要素でクリック イベントを使用する方法は?

次の問題:「#window-hidden」という非表示の div コンテナーがあります。ユーザーがリンクをクリックすると、リンクされたドキュメントの HTML が AJAX によってこの div コンテナーに挿入される必要があります (これまでのところ動作しています)。このコンテナーもドラッグ可能である必要があります (これまでのところ動作しています)。この div コンテナーを再度非表示にすると、問題が発生します。

私のコード:

コードの最初のブロックは、HTML を div コンテナーにロードし、"closer" 要素をコンテナーに追加します。これまでのところ、すべて問題ありません。2 番目のブロックは、コンテナーをドラッグ可能にします。そして、コードの最後のブロックで、ウィンドウをもう一度閉じたかったのですが、機能しません。親コンテナ(#window-hidden)がドラッグ可能だからでしょうか?それとも、DOM の構築後に #closer 要素が挿入されているためでしょうか??

ベスト、トバイアス