JavaScript - 複数のボタンをクリックして異なるコンテンツを表示した後、そのコンテンツを一度表示し、他のボタンをクリックしたコンテンツを非表示にするにはどうすればよいですか?

空港のパーティションは多数のボタンで構成されています。江蘇省をクリックすると江蘇省だけが表示されるようにしたいのですが、他のボタンをクリックした後の内容 (安徽省など) は表示されたくないのです。現在、各ボタンにクリックイベントを追加して地名を表示しているのですが、最初のクリック後は必ず地図上に表示されてしまいます…。

巴扎黑 2017-07-05 11:08:05 0  4  1189

JavaScript と CSS を使用して、選択した要素の値に基づいて div を表示します

選択した要素が対応する値を保持している場合、1 つの div を表示し、他の div を非表示にしようとしています。 4 つのオプションを持つ選択要素を作成しました。デフォルト値は空で、他の 3 つのオプションは、down、up、up です。以下に、3 つのオプション (bottom、top、top) のそれぞれのコンテンツを含む 3 つの非表示の div 要素を配置しました。選択した要素の値に基づいて各 div を表示または非表示にしたいと考えています。これは私のコードです: constDepartments=document.querySelector("#Departments...

P粉286046715 2023-09-06 13:23:48 0  2  518

ループを使用して Vue.js のすべての要素を表示すると、要素の 1 つを非表示にしたいのですが、すべての要素が非表示になります

編集をクリックしていない最初の画像 編集をクリックしたときの2番目の画像 ここでどの編集ボタンをクリックすると、ループ内のすべてのタスクとそれが含まれるセクションが非表示になります。そうでない場合、セクションは表示されますが、編集ボタンを押したときに特定のタスクを非表示にしたいですをクリックされます。誰か助けてくれませんか？ <script>exportdefault{data(){return{newTaskTitle:"",isEditing:false}},props:{Task:{type:

P粉613735289 2024-02-26 14:09:42 0  2  449

ダイアログ要素の外側に表示されるボタンをクリックしたときにクリック イベントをトリガーするにはどうすればよいですか?

Vue3 アプリケーションでネイティブ HTML ダイアログ要素をモーダルとして使用しており、絶対配置を使用してモーダルの横/外側にボタンを表示することに成功しました。ただし、ダイアログ要素の性質と、ダイアログ要素が最上位に配置される方法により、ダイアログ要素の外側のボタンをクリックしたときにクリック イベント (displayNextModal) を起動できません。デフォルトではダイアログ ボックスが常に最前面に表示されるため、どちらの要素の z インデックスを調整しても効果はありません。何か回避策はあるのか、それともこのクリックイベントをトリガーする唯一の方法はボタンを置くことなのかと考え...

P粉116654495 2023-08-31 23:33:50 0  1  605

ACF を使用して作成されたすべての投稿の下部に PDF のダウンロード ボタンを表示する方法

PDFファイルのURLを追加できるテキストフィールドを作成しました。今、コンテンツの後のすべての投稿に表示しようとしていますが、ボタンのみが表示され、コンテンツは表示されません。 add_action から the_content を削除すると、コンテンツは表示されますが、PDF のダウンロード ボタンは表示されません。 add_action('the_content','show_download_url');functionshow_download_url(){$download_pdf=g

P粉704066087 2024-03-28 13:17:41 0  1  453

ボタンをクリックして特定の div を非表示にするにはどうすればよいですか?

ボタンのonclickイベントを使用して、特定の数のdivを非表示にする方法を探しています。 .toggleClass('.AddCSSClassHere') と関係があるかもしれないことはわかっていますが、実際にはわかりません... div を非表示/表示することはできますが、親 div 内の特定の div を非表示/表示することはできません。 jquery は、私が使用したいと思っていた以前のコード スニペットから来ています。 「列の表示」ボタンをクリックするときは、hidethis class ""$('button').click(functio) を使用してすべて...

P粉193307465 2023-09-04 15:51:01 0  1  582

JavaScript - ボタンをクリックして共有インターフェイスをポップアップ表示する方法

タイトルの通り、ページ上のボタンをクリックするとWeChatやQQなどのアイコンが表示されたインターフェースが現れて共有できるのですが、WeChatのAPIを確認してみると、 でしか共有できないようです。右上隅のメニューをクリックします。これを実現する方法はありますか?

仅有的幸福 2017-05-19 10:29:26 0  5  645

javascript - VUE によって作成された削除ポップアップ ウィンドウ。[キャンセル] をクリックした後、モジュールに関連するボタンをクリックしても、削除ボックスがポップアップ表示されます。

コメントなどの作成にvue2.0を使用しているのですが、削除ボタンをクリックするとプロンプトボックスが表示され、キャンセルボタンをクリックし、コメント返信ボタンをクリックしても削除プロンプトボックスが表示されます。どうやって対処すればいいのでしょうか？このメソッドを使用してプロンプト ボックス {code...} {code...} を閉じます。

阿神 2017-05-19 10:47:03 0  2  1460

手順に従いましたが、ズームインまたはズームアウトすると、ボタンをクリックしてもドロップダウンが表示されません。

手順に従いましたが、ズームインまたはズームアウトすると、ボタンをクリックしてもドロップダウンが表示されません。

千里同**络科技**** 2020-08-02 17:50:48 0  0  2508

JavaScript - 送信ボタンをクリックしてページ上のすべての入力値を確認し、空の入力値がある場合はプロンプトをポップアップ表示します。

ページには元々 5 つの入力があります。[追加] ボタンをクリックすると、新しい入力がページに追加されます。[送信] ボタンをクリックして入力が空の場合は、送信できず、警告プロンプトが表示されます。これを行う方法?

phpcn_u1582 2017-05-19 10:17:02 0  1  516

Ajax ページはシステム時間に基づいて HTML 要素を正しく表示できません

緑色のサインイン ボタンは、現在のシステム時刻に応じて表示または非表示になります。たとえば、体育の授業時間が 11:15 の場合、サインイン ボタンの表示時間帯は 10:45 ～ 11 となります。 :15 で、他の時間には表示されません。ここで変更します。システム時間にローカル テストを実行したところ、リアルタイムの結果が得られないことがわかりました。ブラウザを複数回更新してキャッシュをクリアする必要がありましたと一時ファイルですが、何が問題なのでしょうか?​

ㄗs↘﹏尐 云 2018-06-24 18:15:38 0  1  1499

html - Google ブラウザと Firefox ブラウザでは要素の表示が異なります。CSS ハックを使用して解決したいですか?

div 要素の高さは、Google ブラウザと Firefox ブラウザで異なる効果を表示します。CSS ハックを使用して解決したいのですが、これら 2 つのコードが機能しません。誰か説明してもらえますか? 。 。

淡淡烟草味 2017-06-17 09:16:40 0  2  978

[カテゴリの編集] ボタンをクリックしてもウィンドウは表示されませんが、リンクを直接開くのが通常です。コードは同じです。これはおかしいです。

「カテゴリを編集」ボタンをクリックしてもウィンドウは表示されませんが、リンクを直接開くのが通常です。コードは先生のものと同じです。ポップアップがないだけです。発狂

阿杜 2020-06-28 17:32:48 0  0  945

動的に作成された要素にさまざまなクラスを追加する

各オブジェクトに textValue、active、info などが含まれるオブジェクトの配列があります。この配置をループして、各要素のボタンを表示します。内部のボタンごとに div を追加し、3 つの段落内でクラスを追加し、条件付きで各ボタンにいくつかの段落を表示しようとします。ボタンにイベントを追加して ID を渡します。このようにしてアクティビティを true に設定し、異なる ID ごとに情報を表示します。ボタンをクリックするとアクティブなクラスが作成され、数量が表示されます。ボタンの外側またはボタン自体をクリックすると、クラスと数量 (p) が削除されます。

P粉573809727 2023-09-11 13:34:46 0  1  566

ページ内の異なるコレクションにある同じ要素のインデックスを取得する方法

これらの同じ要素ボタンにクリック イベントを追加して、以下の対応する UL タグを表示または非表示にする方法!

迷茫 2017-05-19 10:07:53 0  3  511

タイトルを次のように書き換えます: 1 つの項目を true に設定し、他のすべての項目を false に設定した VueJS 応答要素

VueJSのコンポジションAPIを使用してアプリケーションを開発しています。ページ上のすべてのボタンがクリックされたとき、以下に示すように応答要素を設定しました constsections=reactive({section1:true,section2:false,section3:false,section4:false,section5:false,section6:false}) (他の多くの操作の中でも) ブール値に基づいて個々の要素を表示および非表示にしたい

P粉786800174 2023-08-28 20:55:03 0  1  566

奥まったものを取り除くのに苦労する

私の Vue コンポーネントは、オブジェクト内のオブジェクトを使用して要素を表示します。ページ上のボタンをクリックすると、ネストされたオブジェクトの 1 つを削除したいと考えています。要素を削除した直後に console.log(this.query_filters.target_filters[id]) を実行すると、オブジェクトが削除されたことが表示されます (最初のスクリーンショットを参照)。ただし、Vue タブにはまだ要素が表示されており、UI は要素が削除されたことを示すように更新されません (2 番目のスクリーンショットを参照)。ネストされたオブジェクトを削除しています。

P粉283559033 2024-04-03 21:48:14 0  1  423

インスタンスの送信を実行した後にコンテンツを表示できない

タイトルの通り、「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示し、「送信」ボタンをクリックしても実行結果が表示されないことがわかります。

P粉372681187 2022-10-08 09:46:20 0  1  1634

ボタンに割り当てられた値を追加する関数を作成するにはどうすればよいですか?

新しいコーダーがここにいます。上部のボタンに割り当てられた値を合計し、リストの下部の「合計」に表示するピザ メニュー アプリケーションを作成しています。しかし、材料を追加するときにコストを表示するコードを取得するのに苦労しています。私が試したことは次のとおりです: letwhiteWheat=document.getElementById("white-wheat");letmultiGrain=document.getElementById("multi-grai

P粉231112437 2024-04-02 21:26:24 0  2  570

JavaScript - あるページのボタンをクリックすると、別のページにテキストが表示されます

あるページでボタンをクリックし、別のページの p 要素にテキストを表示したいのですが、どちらのページも js をインポートしています。どうすれば成功できますか?

世界只因有你 2017-05-19 10:28:21 0  4  745