問題タブ [toggle]

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 に答える
2874 参照

javascript - ボタンクリックでメニューを表示および非表示にし、外部クリックでメニューを非表示にする

アイテムに関連するコントロールを持つ次のコードがあります。

オプションメニュー(li.optionsのul)は、デフォルトでcssで非表示になっています(display:noneを使用)。オプションボタン(button.optionsbutton)をクリックして、ulの表示と非表示を切り替える必要がありますが、他のオプションボタン(このボタンには多くの項目があります)をクリックして、開いているメニューを閉じる必要があります。ボタン以外の場所をクリックして、メニューも閉じます。私のJqueryコードは以下のとおりです。

メニューは、ボタンがクリックされると正しく開き、別のボタンがクリックされるか、メニューの外側をクリックすると閉じます。ただし、同じボタンを2回クリックしても、メニューは閉じません。ここでの取引はどうですか、私はそれが簡単であることを知っていますが、私は何時間もそれに頭を打ち続けてきました。

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

jquery - 動的に添付 (テキストの表示/非表示) し、クリックすると下のフィールドセットを表示/非表示にします

スパンに動的にアタッチ (テキストの表示/非表示) したいのですが、その特定のテキストをクリックしたときに、下のフィールドセットに表示/非表示の効果を持たせたいと考えています。スパンにテキストの表示/非表示を追加するというタスクを達成しました。しかし、そのテキストをクリックすると問題が発生します。span の横のテキストが変更される以外は何も起こりません。

HTML:

JS コード:

Pls は、私が行う必要がある変更を提案してくれます。前もって感謝します

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

wpf - トグル ボタン サークルを参照して、Aero テーマ エキスパンダーの垂直方向の配置をオーバーライドするにはどうすればよいですか?

現在、App.xml ファイルで Aero テーマを参照しています。main.xml ファイルでは、エキスパンダーを使用して、サイズ変更可能な幅のアプリにコンテンツを表示しています。(この例では、幅を 500 に制限しました)

通常、エキスパンダー ヘッダーの内容は短くなりますが、最大 500 文字まで可能です。ウィンドウのサイズ (デフォルトでは 600 ピクセル) によっては、コンテンツを折り返すことができます (これにより、エキスパンダー ヘッダーが下に引き伸ばされます)。これは問題ありませんが、トグル ボタン (円 /w 矢印) は、私が知る限り、VerticalAlignment=center に設定されています。

Expander の Aero テンプレートを再作成せずに、スタイルでその VerticalAlignment をオーバーライドする方法が必要です。円と矢印のオブジェクトを参照できないようです。トグルボタンもオーバーライドしようとしましたが、うまくいきませんでした。

以下に示すように、Aero Expander の一部の側面をオーバーライドできます。Toggle Button の Circle オブジェクトと Arrow オブジェクトを取得して VerticalAlignment を変更するには、ちょっとした調整が必要です。

ありがとう

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

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

jquery - jQuery を使用してブログ投稿ループの抜粋を切り替える

ブログの投稿ループで投稿のタイトルのみを公開したいと思います。タイトルをクリックすると、抜粋が下に表示されます。

これまでのところ、私はこれを得ました:

これは最初の結果のみで機能します。

ただし、これは次のとおりです。

全く動かないし、原因がわかりません。

私のループは次のようになります。

あなたの助けに感謝します!

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

jquery - Jquery スライダーとトグル

私はstaging.asla.org/sustainablesites/secondary.htmlにあるスライド ショーを持っています。このスライド ショーは、easySlider プラグインを使用し、さらに jQuery Toggle 関数も使用しています。

現在、スライド ショーをナビゲートすると、説明は表示または非表示のままになります。説明が表示されている場合に次のボタンをクリックすると、スライド ショーのナビゲーションでトグル機能を制御したいと思います。

これは実行可能ですか?

ありがとう!

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

jquery - mootoolsまたはslimboxスクリプトを含むページでJqueryトグル関数が壊れます

私の友人は、slimboxを使用しているページにエラーがある彼女のサイトを調べるように頼まれました-無関係のJqueryトグル関数が壊れています-コードは次のとおりです。

このコードは、slimboxスクリプトとmootoolsスクリプトが存在しない場合は正常に機能しますが、これらのスクリプトのいずれかをロードすると、dt要素が非表示にならず、それぞれddの要素をクリックしても非表示に切り替わりません。SafariのJSコンソールからのエラーメッセージは次のとおりです。

このエラーは、次のように、slimboxまたはmootoolsをロードするページでのみ表示されます。

Slimboxと互換性のあるこれを作成する方法はありますか?彼女はslimboxを使用して、この機能を使用する一部のページにギャラリーを表示しています。

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

flash - ボタンを無効/有効にします。フラッシュAS2

フラッシュCS4、AS2

フラッシュツアーをしています。私は3つのセクションを持っています:About、Rentals、Neighborhood。すべてのセクションは、同じフレームのMC内にあります。ツアーをナビゲートするために、ナビゲーションボタンの条件ステートメントを使用して可視性のオン/オフを切り替えています。ただし、同じボタンを押すと、MCのオン/オフが切り替わります。

ボタンが押されたときに無効にし、他の2つのボタンが押されたときにボタンを有効にします。

このコードを書くにはどうすればよいですか?

ありがとう!

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

jquery - jQuery .toggle() は FF では機能しますが、IE では機能しません

シンプルな垂直メニューがあり、.toggle() 関数を使用してサブメニューを展開/折りたたみます。FF と Safari では機能しますが、IE では機能しません。(IEのどれも)

また、jqueryを使用した非常に単純な「スライドショー」機能もあり、すべてのブラウザーで機能しているようです。

ウェブサイトはライブです: http://www.fastpartsauto.com

コード:

HTML は単純な UL ですが、私は新しいユーザーでハイパーリンクを 1 つしか許可していないため、投稿できません。

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

jquery - 切り替え後に要素の名前を変更する

クリックすると、div要素の非表示と表示を行いました。

トグル()関数を使用して、toggleItクラスを持つ要素。しかし、クリックした後にpタグの名前を変更するにはどうすればよいですか?

たとえば、pタグの名前は「非表示」です。これをクリックすると、divが非表示になります。ここで、名前も「表示」に変更します。それ、どうやったら出来るの?