問題タブ [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.
jquery - jqueryはすべてのチェックボックスをチェックし、行にクラスを追加しますか?
[すべて選択]チェックボックスが選択されている場合、tr行にクラスを追加しようとしていますが、[クラスの追加]を機能させることができないようです(すべてのチェックが解除されている場合は明らかに削除します)。個々の行を切り替えてクラスを追加/削除しますが、すべてのチェックで機能するようには見えません。
これが私のテーブルです:
これが私のjqueryコードです:
css - 変換:フルスクリーンに拡大?
皆さん、こんにちは。
一連の異なるサイズの画像は、水平方向にスクロールする Web ページ上で、サイズの異なる左フローティング div にそれぞれ個別にラップされます。divをタップしてフルスクリーンにスケーリングし(スケール命令を含むcssクラスをtoggleClassで追加することにより)、画像(現在はフルスクリーンになっているためdivを覆い隠している)をタップして戻ることができるようにしたい通常 (ラッピング div からクラスを削除することにより)。
背景画像(既知のサイズ)に対してこれを行うためのさまざまなオプションを見つけました。素晴らしいフルスクリーンギャラリーがありますが、これは私を回避します。
サイズが異なるため、scale(2) やその他の固定値を使用できません。倍率ではなく、768x1024 のような目的のサイズに webkit-transform:scale することはまったく可能ですか?
どうもありがとう!
javascript - jQueryのtoggleClassが機能していませんか?
非常に簡単に言えば、この行currentItem.toggleClass('open');
は機能していないようです。
より正確には、firebugで結果を調べると、関連する要素でクラス「開いている」が点滅している(表示されてすぐに消える)ことがわかります。つまり、関数が実際に2回トリガーされるようなものです(もちろん、1回クリックするだけです)。
誰かがこれがなぜであるか、そしてそれを防ぐ方法を私に説明できますか?
これが私のjQueryコードです:
そして、これが私のHTMLコードの一部であり、読みやすくするために少し簡略化されています(私が知っていることはあまりきれいではありませんが、HTML出力の制御は制限されています):
前もって感謝します。
jquery - JqueryのクリックとtoggleClassの質問
これが私のおそらく(そしてうまくいけば)単純な問題です:
ナビゲーションとして画像のリストがあります。それらにカーソルを合わせると、jqueryはキャプション付きのdivをアニメーション化し、それを表示します。それはmouseoutで消えます。(正常に動作します)
画像をクリックすると、キャプションdivがさらにアニメーション化され、画像が完全にオーバーレイされます(正常に機能します)。ナビゲーション内の別の画像にカーソルを合わせると、キャプションdivもアニメーション化されます(正常に機能します)。
問題:2番目のナビゲーション画像をクリックすると、最初のナビゲーション画像(クリック)のアニメーションが消えるはずです。
これがjqueryです:
これが開発サイトへのリンクです
どんな助けでも大歓迎です、ありがとう。
javascript - Javascript/HTML -- 可視性の切り替え (1 つの div 要素が表示されると、別の div 要素が自動的に非表示になります)
基本的に、私がやろうとしているのは、ホームページにすべてのコンテンツがあり、一度に表示されるコンテンツの一部しかない Web サイトを作成することです。これを行うために私が読んだ方法は、可視性を切り替えることです。
私が抱えている問題は次のとおりです。最初にウェブサイトにアクセスしたときにホームページが空白であると仮定します(私が望んでいる方法です)。「私たちについて」リンクをクリックしたとしましょう。突然、私たちについてのセクションが表示されます (私が望んでいた方法です)。ここで私が遭遇した問題は、「製品」リンクをクリックすると、「製品」コンテンツが表示され、「私たちについて」コンテンツが再び非表示になることです。(基本的に、同じページ内で新しいページを開くような錯覚を作成します)
これが私がこれまでに思いついたコードです。特定の div 要素を表示および非表示 (onclick) にすることはできますが、一度に div 要素を 1 つだけ表示する方法がわかりません。
JavaScript を機能させるためのリンクは次のようになります。
< href="#" onclick="toggleVisibility();">概要
< href="##" onclick="toggleVisibility1();"> 製品
jquery - トグルクラスが機能しない
「toggleClass」に問題があります。このスクリプトが行うことは、ラジオ ボタンの値に応じて新しいフィールド セットを追加することです。フィールド内には、デフォルトで非表示になっている新しい div があり、'a' がクリック イベントによってトリガーされた場合にのみ表示されます。最初は機能しますが、別のラジオ ボタンまたは同じラジオ ボタンをクリックすると、「toggleClass」が機能しなくなります。
コードは次のとおりです。
jquery - jqueryを使用して入力選択で兄弟の子のクラスを切り替えます
次のHTML構造が与えられます。
また、JQueryを使用して、チェックボックスが選択されたときにラベルタグ内のimgのクラスを「選択」に切り替えるにはどうすればよいですか?
ボックスが選択解除されている限り、他のクラス(アドオンサム)を保持するかどうかは関係ありません。そのクラスが元に戻ります。
編集:
私は以下の提案の両方を内部で試しましたが、$(document).ready(function(){});
何らかの理由でこれは私にはうまくいきません。そもそも、私は実際に以下に非常に近いことをしていました。これ以上の助けをいただければ幸いです。
jquery - jQueryでチェックされたチェックボックスにtoggleClassを追加するにはどうすればよいですか?
クリック時にいくつかの入力テキストフィールドとチェックボックスを追加します。しかし、チェックボックスがチェックされているとき、私はClassを入力テキストフィールドに切り替えたいと思います。これは私の作成コードです:
これが起こるべきことです。
もちろんこれは正しくありませんが、私が言っていることを理解していただければ幸いです;)ところで、ifステートメントなしでこれは可能ですか?
これがjsfiddleですhttp://www.jsfiddle.net/gkdKY/
ああ、これはまさに私が欲しいものですhttp://www.jsfiddle.net/xzmcL/です が、チェックボックスが追加されています!
jquery - トグルで単一の Div の画像を変更しますか?
3 つの別々のリンクのトグルを介して、このスプライトの状態を制御しようとしました。私は 3 つのリンクを持っており、どのリンクをクリックしても 1 つまたはオフに切り替えることができると考えました。目標は #case イメージの状態を変更することです。
addClass を使用できると考えていましたが、以前に配置されたクラスを削除する方法がわかりません。それが何らかの変数であると仮定しますか?
ありがとうございます。
jquery - jquery delegate() を適切に使用してクラスを切り替えるにはどうすればよいですか?
私はjqueryを初めて使用するので、誤解を許してください。私はこのコードを使用します:
入力テキストフィールドの入力でクラスを切り替えます。最初はこのコードはうまくいきましたが、jquery で全体を追加したので、delegate() はすべてのチェックボックスと入力フィールドを切り替えます。
このコードで私が何を意味するかを見ることができます: http://jsfiddle.net/eD5M5/
私をクリック ---> 追加ボタンを追加します 追加ボタン ----> チェックボックスと入力フィールドを追加します (+削除ボタン)
一度追加をクリックすると、トグル クラスが正常に見えます。しかし、複数回クリックしてトグルを開始すると、すべてがトグルします!
あなたへの私の質問は次のとおりです。
私は何を間違っていますか、どうすれば修正できますか?
前もって感謝します