問題タブ [toggleclass]

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 投票する
2 に答える
4493 参照

jquery - jqueryはすべてのチェックボックスをチェックし、行にクラスを追加しますか?

[すべて選択]チェックボックスが選択されている場合、tr行にクラスを追加しようとしていますが、[クラスの追加]を機能させることができないようです(すべてのチェックが解除されている場合は明らかに削除します)。個々の行を切り替えてクラスを追加/削除しますが、すべてのチェックで機能するようには見えません。

これが私のテーブルです:

これが私のjqueryコードです:

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

css - 変換:フルスクリーンに拡大?

皆さん、こんにちは。

一連の異なるサイズの画像は、水平方向にスクロールする Web ページ上で、サイズの異なる左フローティング div にそれぞれ個別にラップされます。divをタップしてフルスクリーンにスケーリングし(スケール命令を含むcssクラスをtoggleClassで追加することにより)、画像(現在はフルスクリーンになっているためdivを覆い隠している)をタップして戻ることができるようにしたい通常 (ラッピング div からクラスを削除することにより)。

背景画像(既知のサイズ)に対してこれを行うためのさまざまなオプションを見つけました。素晴らしいフルスクリーンギャラリーがありますが、これは私を回避します。

サイズが異なるため、scale(2) やその他の固定値を使用できません。倍率ではなく、768x1024 のような目的のサイズに webkit-transform:scale することはまったく可能ですか?

どうもありがとう!

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

javascript - jQueryのtoggleClassが機能していませんか?

非常に簡単に言えば、この行currentItem.toggleClass('open');は機能していないようです。

より正確には、firebugで結果を調べると、関連する要素でクラス「開いている」が点滅している(表示されてすぐに消える)ことがわかります。つまり、関数が実際に2回トリガーされるようなものです(もちろん、1回クリックするだけです)。

誰かがこれがなぜであるか、そしてそれを防ぐ方法を私に説明できますか?

これが私のjQueryコードです:

そして、これが私のHTMLコードの一部であり、読みやすくするために少し簡略化されています(私が知っていることはあまりきれいではありませんが、HTML出力の制御は制限されています):

前もって感謝します。

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

jquery - JqueryのクリックとtoggleClassの質問

これが私のおそらく(そしてうまくいけば)単純な問題です:

ナビゲーションとして画像のリストがあります。それらにカーソルを合わせると、jqueryはキャプション付きのdivをアニメーション化し、それを表示します。それはmouseoutで消えます。(正常に動作します)

画像をクリックすると、キャプションdivがさらにアニメーション化され、画像が完全にオーバーレイされます(正常に機能します)。ナビゲーション内の別の画像にカーソルを合わせると、キャプションdivもアニメーション化されます(正常に機能します)。

問題:2番目のナビゲーション画像をクリックすると、最初のナビゲーション画像(クリック)のアニメーションが消えるはずです。

これがjqueryです:

これが開発サイトへのリンクです

どんな助けでも大歓迎です、ありがとう。

0 投票する
5 に答える
66387 参照

javascript - Javascript/HTML -- 可視性の切り替え (1 つの div 要素が表示されると、別の div 要素が自動的に非表示になります)

基本的に、私がやろうとしているのは、ホームページにすべてのコンテンツがあり、一度に表示されるコンテンツの一部しかない Web サイトを作成することです。これを行うために私が読んだ方法は、可視性を切り替えることです。

私が抱えている問題は次のとおりです。最初にウェブサイトにアクセスしたときにホームページが空白であると仮定します(私が望んでいる方法です)。「私たちについて」リンクをクリックしたとしましょう。突然、私たちについてのセクションが表示されます (私が望んでいた方法です)。ここで私が遭遇した問題は、「製品」リンクをクリックすると、「製品」コンテンツが表示され、「私たちについて」コンテンツが再び非表示になることです。(基本的に、同じページ内で新しいページを開くような錯覚を作成します)

これが私がこれまでに思いついたコードです。特定の div 要素を表示および非表示 (onclick) にすることはできますが、一度に div 要素を 1 つだけ表示する方法がわかりません。

JavaScript を機能させるためのリンクは次のようになります。

< href="#" onclick="toggleVisibility();">概要

< href="##" onclick="toggleVisibility1();"> 製品

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

jquery - トグルクラスが機能しない

「toggleClass」に問題があります。このスクリプトが行うことは、ラジオ ボタンの値に応じて新しいフィールド セットを追加することです。フィールド内には、デフォルトで非表示になっている新しい div があり、'a' がクリック イベントによってトリガーされた場合にのみ表示されます。最初は機能しますが、別のラジオ ボタンまたは同じラジオ ボタンをクリックすると、「toggleClass」が機能しなくなります。

コードは次のとおりです。

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

jquery - jqueryを使用して入力選択で兄弟の子のクラスを切り替えます

次のHTML構造が与えられます。

また、JQueryを使用して、チェックボックスが選択されたときにラベルタグ内のimgのクラスを「選択」に切り替えるにはどうすればよいですか?

ボックスが選択解除されている限り、他のクラス(アドオンサム)を保持するかどうかは関係ありません。そのクラスが元に戻ります。

編集: 私は以下の提案の両方を内部で試しましたが、$(document).ready(function(){});何らかの理由でこれは私にはうまくいきません。そもそも、私は実際に以下に非常に近いことをしていました。これ以上の助けをいただければ幸いです。

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

jquery - jQueryでチェックされたチェックボックスにtoggleClassを追加するにはどうすればよいですか?

クリック時にいくつかの入力テキストフィールドとチェックボックスを追加します。しかし、チェックボックスがチェックされているとき、私はClassを入力テキストフィールドに切り替えたいと思います。これは私の作成コードです:

これが起こるべきことです。

もちろんこれは正しくありませんが、私が言っていることを理解していただければ幸いです;)ところで、ifステートメントなしでこれは可能ですか?

これがjsfiddleですhttp://www.jsfiddle.net/gkdKY/

ああ、これはまさに私が欲しいものですhttp://www.jsfiddle.net/xzmcL/です が、チェックボックスが追加されています!

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

jquery - トグルで単一の Div の画像を変更しますか?

3 つの別々のリンクのトグルを介して、このスプライトの状態を制御しようとしました。私は 3 つのリンクを持っており、どのリンクをクリックしても 1 つまたはオフに切り替えることができると考えました。目標は #case イメージの状態を変更することです。

addClass を使用できると考えていましたが、以前に配置されたクラスを削除する方法がわかりません。それが何らかの変数であると仮定しますか?

ありがとうございます。

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

jquery - jquery delegate() を適切に使用してクラスを切り替えるにはどうすればよいですか?

私はjqueryを初めて使用するので、誤解を許してください。私はこのコードを使用します:

入力テキストフィールドの入力でクラスを切り替えます。最初はこのコードはうまくいきましたが、jquery で全体を追加したので、delegate() はすべてのチェックボックスと入力フィールドを切り替えます。

このコードで私が何を意味するかを見ることができます: http://jsfiddle.net/eD5M5/

私をクリック ---> 追加ボタンを追加します 追加ボタン ----> チェックボックスと入力フィールドを追加します (+削除ボタン)

一度追加をクリックすると、トグル クラスが正常に見えます。しかし、複数回クリックしてトグルを開始すると、すべてがトグルします!

あなたへの私の質問は次のとおりです。

私は何を間違っていますか、どうすれば修正できますか?

前もって感謝します