問題タブ [jquery-on]

現在、PHP と JavaScript の組み合わせを使用してカード ゲーム アプリケーションに取り組んでいます。ただし、イベント処理で問題が発生しています。私が望む機能は、プレイヤーがカードをクリックできるようにすることです。その後、カードをもう一度クリックして裏返すように指示するメッセージが表示されます。これが私の基本的なセットアップです：

最初のクリックでは問題なく動作しますが、2 回目のクリックではコンソールに何も記録されません。このような連鎖したイベントを処理するためのより良い方法が必要であることはわかっています。私は何が欠けていますか？どんな助けでも大歓迎です。

このコードは、オブジェクトをクリックするかどうかに関係なく、ページの読み込み時に発生します。なんで？

私が取り組んでいる単純なドキュメントで私のhammer.js構成をセットアップするための最良の方法は何だろうと思っています。これが私のコードです：

そして、関数は と の両方にロードされて$(document).ready()いる(window).resize()ので、最初に作っ.off()ているのです..スクリーンモードの条件が変更されたときに無効にする方法が間違っているのではないかと思っています.コード、私はとても幸せです。

気をつけて、良い一日を:)

最新の jQuery 1.x ライブラリの新しい仕様を読むと、.on動的に作成された jQuery 要素に対して機能するイベントをアタッチするために使用するように言われていますが、この作業をまったく行うことができないようです。私の$(document).ready機能では、次のものがあります。

jQuery:

これで[ Read more... ]テキストがドロップダウンされ、[ Collapse Information... ]展開されている実際のコンテンツの下にある文字列に変換されます。しかし、[ Collapse Information... ]テキストをクリックすると、何も折りたたまれず、代わりにページの上部に移動するため、 が表示されますhref="#"が、を使用すると、 が正しく適用され.onたときに発生しないようにする必要があります??event.preventDefault();

ここにあるjQueryライブラリを使用しています： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

私の HTML は次のようにレイアウトされています。

初めてクリックしたとき[ Collapse Information... ]は機能しますが、2回目に表示されるとまったく機能しません。したがって、動的に作成された にアタッチしていません<p class="desc"><a href="#" class="dropdown" id="' + theId + '">[ Collapse Information... ]</a></p>。

なぜだめですか？の代わりに使用する必要があるものは他にあり.onますか? .livejQuery 1.7以降、使用されなくなっ たことは知っています。.click私もすでに試したので、どちらも機能しません。他にどのようなオプションがありますか?

私のプロジェクトでは、div にいくつかのボタンを追加しています。

次に、次のコードでクリックをリッスンします。

なぜこれが機能しないのですか？私は .live() を使用していましたが、廃止されました。

ありがとう。

私はJavascriptとjQueryを書くのが初めてです。2 つのスライダーがあり、それぞれを動かすと互いに影響し合う場合、非常に遅くなります。各スライダーで 2 つのバインド コマンドを使用します。

bind コマンドのパフォーマンスは低下しますか?

これが私のコードです：

サイトのどこにでも配置できるクラス化されたボタンがあり、jQuery にイベント ハンドラーをアタッチさせます。これらのボタンの一部は、最初のページの読み込み後に DOM に追加される可能性があるため、イベント ハンドラーを親セレクターにスコープし、親のスコープ内でクラス化されたボタンをリッスンする必要があります。

例 (CoffeeScript):

内のすべてのクリックをリッスンする必要があるため、これは明らかに非常に効率的ではありません@$body。

ただし、このクラス化されたボタンをモーダル ウィンドウで使用できるようにしたいと考えています。モーダル ウィンドウは、初期ロード後に DOM に追加され、@$contentPage.

スコープをより低い特異性 (つまり: ) のままにしておく方が効率的ですか?@$bodyまたは単にこのクラスを探している 2 つのスコープを持つだけです:

または、モーダル初期化子内にイベント ハンドラを直接追加する新しいリスナを追加することは理にかなってい$('.pay-button')ますか?

DOM の特定の要素に対して関数を呼び出したいとします。たとえば、次のようになります。

DOM に既に存在する要素に対しては問題なく動作しますが、DOM に動的に追加された要素でこのメソッドを呼び出すことも必要です。

私は次のようなことを試しました：

また：

しかし、成功はありません。

jsFiddle を確認する

アップデート

呼び出しは、.css()実際に他の種類の関数を呼び出したい例にすぎません

.foo私のテーブルには、ユーザーがデータを操作する過程でクラス が割り当てられる TD 要素がいくつかあります。テーブルには数百のセルが含まれる場合があり、.fooクラスを取得できるのはそのうちの 10 個だけです。hoverこれらの特定の TD 要素をリッスンしたいと思います。jQuery の delegate() メソッドはJavaScriptイベントをリッスンしているように見えますhoverが、jQueryイベントはそうですか? 将来クラスが割り当てられるhover要素TD.fooをリッスンするデリゲートを作成する方法は?.foo