問題タブ [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.
javascript - ボタンクリックでメニューを表示および非表示にし、外部クリックでメニューを非表示にする
アイテムに関連するコントロールを持つ次のコードがあります。
オプションメニュー(li.optionsのul)は、デフォルトでcssで非表示になっています(display:noneを使用)。オプションボタン(button.optionsbutton)をクリックして、ulの表示と非表示を切り替える必要がありますが、他のオプションボタン(このボタンには多くの項目があります)をクリックして、開いているメニューを閉じる必要があります。ボタン以外の場所をクリックして、メニューも閉じます。私のJqueryコードは以下のとおりです。
メニューは、ボタンがクリックされると正しく開き、別のボタンがクリックされるか、メニューの外側をクリックすると閉じます。ただし、同じボタンを2回クリックしても、メニューは閉じません。ここでの取引はどうですか、私はそれが簡単であることを知っていますが、私は何時間もそれに頭を打ち続けてきました。
jquery - 動的に添付 (テキストの表示/非表示) し、クリックすると下のフィールドセットを表示/非表示にします
スパンに動的にアタッチ (テキストの表示/非表示) したいのですが、その特定のテキストをクリックしたときに、下のフィールドセットに表示/非表示の効果を持たせたいと考えています。スパンにテキストの表示/非表示を追加するというタスクを達成しました。しかし、そのテキストをクリックすると問題が発生します。span の横のテキストが変更される以外は何も起こりません。
HTML:
JS コード:
Pls は、私が行う必要がある変更を提案してくれます。前もって感謝します
wpf - トグル ボタン サークルを参照して、Aero テーマ エキスパンダーの垂直方向の配置をオーバーライドするにはどうすればよいですか?
現在、App.xml ファイルで Aero テーマを参照しています。main.xml ファイルでは、エキスパンダーを使用して、サイズ変更可能な幅のアプリにコンテンツを表示しています。(この例では、幅を 500 に制限しました)
通常、エキスパンダー ヘッダーの内容は短くなりますが、最大 500 文字まで可能です。ウィンドウのサイズ (デフォルトでは 600 ピクセル) によっては、コンテンツを折り返すことができます (これにより、エキスパンダー ヘッダーが下に引き伸ばされます)。これは問題ありませんが、トグル ボタン (円 /w 矢印) は、私が知る限り、VerticalAlignment=center に設定されています。
Expander の Aero テンプレートを再作成せずに、スタイルでその VerticalAlignment をオーバーライドする方法が必要です。円と矢印のオブジェクトを参照できないようです。トグルボタンもオーバーライドしようとしましたが、うまくいきませんでした。
以下に示すように、Aero Expander の一部の側面をオーバーライドできます。Toggle Button の Circle オブジェクトと Arrow オブジェクトを取得して VerticalAlignment を変更するには、ちょっとした調整が必要です。
ありがとう
コード例は次のとおりです。
jquery - jQuery を使用してブログ投稿ループの抜粋を切り替える
ブログの投稿ループで投稿のタイトルのみを公開したいと思います。タイトルをクリックすると、抜粋が下に表示されます。
これまでのところ、私はこれを得ました:
これは最初の結果のみで機能します。
ただし、これは次のとおりです。
全く動かないし、原因がわかりません。
私のループは次のようになります。
あなたの助けに感謝します!
jquery - Jquery スライダーとトグル
私はstaging.asla.org/sustainablesites/secondary.htmlにあるスライド ショーを持っています。このスライド ショーは、easySlider プラグインを使用し、さらに jQuery Toggle 関数も使用しています。
現在、スライド ショーをナビゲートすると、説明は表示または非表示のままになります。説明が表示されている場合に次のボタンをクリックすると、スライド ショーのナビゲーションでトグル機能を制御したいと思います。
これは実行可能ですか?
ありがとう!
jquery - mootoolsまたはslimboxスクリプトを含むページでJqueryトグル関数が壊れます
私の友人は、slimboxを使用しているページにエラーがある彼女のサイトを調べるように頼まれました-無関係のJqueryトグル関数が壊れています-コードは次のとおりです。
このコードは、slimboxスクリプトとmootoolsスクリプトが存在しない場合は正常に機能しますが、これらのスクリプトのいずれかをロードすると、dt
要素が非表示にならず、それぞれdd
の要素をクリックしても非表示に切り替わりません。SafariのJSコンソールからのエラーメッセージは次のとおりです。
このエラーは、次のように、slimboxまたはmootoolsをロードするページでのみ表示されます。
Slimboxと互換性のあるこれを作成する方法はありますか?彼女はslimboxを使用して、この機能を使用する一部のページにギャラリーを表示しています。
flash - ボタンを無効/有効にします。フラッシュAS2
フラッシュCS4、AS2
フラッシュツアーをしています。私は3つのセクションを持っています:About、Rentals、Neighborhood。すべてのセクションは、同じフレームのMC内にあります。ツアーをナビゲートするために、ナビゲーションボタンの条件ステートメントを使用して可視性のオン/オフを切り替えています。ただし、同じボタンを押すと、MCのオン/オフが切り替わります。
ボタンが押されたときに無効にし、他の2つのボタンが押されたときにボタンを有効にします。
このコードを書くにはどうすればよいですか?
ありがとう!
jquery - jQuery .toggle() は FF では機能しますが、IE では機能しません
シンプルな垂直メニューがあり、.toggle() 関数を使用してサブメニューを展開/折りたたみます。FF と Safari では機能しますが、IE では機能しません。(IEのどれも)
また、jqueryを使用した非常に単純な「スライドショー」機能もあり、すべてのブラウザーで機能しているようです。
ウェブサイトはライブです: http://www.fastpartsauto.com
コード:
HTML は単純な UL ですが、私は新しいユーザーでハイパーリンクを 1 つしか許可していないため、投稿できません。
jquery - 切り替え後に要素の名前を変更する
クリックすると、div要素の非表示と表示を行いました。
トグル()関数を使用して、toggleItクラスを持つ要素。しかし、クリックした後にpタグの名前を変更するにはどうすればよいですか?
たとえば、pタグの名前は「非表示」です。これをクリックすると、divが非表示になります。ここで、名前も「表示」に変更します。それ、どうやったら出来るの?