問題タブ [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 投票する
1 に答える
106 参照

css - CSSが原因でJQuery兄弟セレクターがクラスを追加しない

<ul>サブメニューの子ナビゲーションを備えたメニューもあり、子のコンテナ のホバリングに基づいて、子の親にクラスを追加しようとしています。

これは私がこれまでに持っているものです:http://jsfiddle.net/2KhnX/15/

ご覧のとおり、クラスが追加されることはありません。HTMLからCSSの大部分を取り除き、追加したいクラスを残しておくと、正常に機能します-http://jsfiddle.net/2KhnX/21/

これにより、CSSが競合しているか、JQueryが実行しようとしているイベントを台無しにしていると私は信じています。私の推測ではparent > child、CSSのルールを使用しているためか.sub-menu、初期プロパティが。であるためかもしれませんdisplay:noneよくわかりません。CSSがこれを台無しにしていること、またはCSSが原因で適切なセレクターを使用していないことを知っています。

私は迷子になっているので、どんな洞察も大歓迎です。

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

jquery - クラスを表示/非表示に切り替えようとしていますが、テキストが再表示され、コンソール エラーは表示されません

ボタンを非表示にするリンクを作成しようとしています。それらは消えますが、すぐに再び現れます。

それらが消えたままになったら、表示/非表示リンクの非表示の「表示」を表示するためのコードをさらに記述します。

個人宿題(js/jsの学習)

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

javascript - toggleclass を使用して 3 つのクラスを切り替える

切り替えたい画像が3つあります。それらのそれぞれをクラスに入れ、css でイメージを変更します。2 つのクラスを切り替えることができるようになりましたが、3 つ目のクラスを追加するとコードが機能しません。それらのどのクラスも開始クラスにすることができます。

この行を追加すると:

全然揺れない……。

それらすべてを1つの関数に入れることができる方法を知っていますか?

ありがとう。

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

jquery - jQuery トグルクラス

私は基本的なhtmlページを持っています。ユーザーに「仮想カード」を表示したいのですが、フロントページには人々に関する情報が表示され、裏面にはその人の写真が表示されます。

trasform 効果が最初のクリックと同じ (または元に戻る) ように、toggleClass を実装するにはどうすればよいですか。

フィドルの完全な例: http://jsfiddle.net/ZnYx7/

jQuery:

そして最後にcss:

これは紛らわしいように思えるかもしれないので、すべてをフィドルに置きますhttp://jsfiddle.net/ZnYx7/

どんなアイデアでも大歓迎です!

よろしくお願いします!

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

jquery - textareaがクリックまたはフォーカスされたときに、親divにクラスを追加しますか?

クリックまたはフォーカスされたときにテキストエリアの親divにクラスを追加するにはどうすればよいですか?

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

jquery - Jquery .toggleClass() スライド位置変更

ボタンをクリックすると、div は css 属性を介してその位置を変更します。ただし、div スライドをある位置から別の位置にアニメーション化したいと思います。

注:と#windowが必要width:100%;height:100%;.closed位置は である必要がありますtop:-100%;。「px」では機能しません。

スタイル

脚本

html

提案してください。

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

jquery - jqueryは、個々のIDなしで個々の要素を使用する方法を切り替えますか?

これは私のサンプルページです: http://www.kursatkarabulut.com/kopya.html

私がやろうとしているのは、私の個人サイトの FAQ ページです。約40問出題されます。私はjQueryが初めてです。質問ごとにトグルを使用しました。開始時に質問のみが表示され、ユーザーが質問をクリックすると下に表示され、もう一度クリックすると非表示になります。現在、質問をクリックすると、すべての質問が展開および縮小されます。

各見出しに個別の ID を使用せずにこれを個別に行う方法はありますか? また、トグルをオフにしてページをロードするにはどうすればよいですか?

ありがとう。

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

javascript - 条件付きのjQuerytoggleClass

誰かが次のことをきちんとした1行の形式で書く方法を知っていますか?私はそれが可能であると確信していますが、それであまり遠くまで行くことはできません。

基本的に、一方向にのみトグルを実行します。

どうもありがとう、

トム。

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

jquery - jqueryで2つのクラスを切り替える方法は?

toggleClass正しく動作しないようですが、問題が発生します。show画像はとの間で変化するはずhideです。に変わりますhideが、戻ることはありません

これが私のといくつかのコードです:

何か案は?

ありがとう

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

jquery - チェックボックスの動的ラベルのJqueryセレクター

これと非常によく似ていますが、私の場合、ラベルの値が変わる可能性があります。クリック時にフォントを変更しようとしています。ここに私がこれまでに持っているものがあります:

最初はラベルでアクセスし、2 番目は直接アクセスします (ただし、$(this) はラベルではなくチェックボックスです)。2 番目はラベルの値を取得しようとするものです。引数として渡します。

どんな助けでも大歓迎です。

ところで:CSSは: