モーダルカウンター

+/-カウンターを備えたモーダルを作成しようとしています。ただし、状態は基礎となるコンポーネントにあるため、モーダルはそれを認識しないと思います。それを修正する方法はありますか?それを小道具として渡そうとしましたが、成功しませんでした。

P粉458725040 2024-04-03 14:16:44 0  1  443

最近の Chrome 更新後、Bootstrap モーダルの背景がモーダルの前面に表示されます

Chrome バージョン: バージョン 111.0.5563.64 (公式) (x86_64) ブートストラップ: 4.3.1 最近の Chrome の更新により、モーダルの背景がモーダル自体の前に表示されるようになりました。 z-index の問題ではないことを確認しましたが、原因がわかりません。 .modal-backdrop{位置:固定;上:0;左:0;Z-インデックス:1040;幅:100vw;高さ:100vh;背景-co

P粉512363233 2024-01-07 16:46:41 0  2  591

Laravelのモーダルが送信時に消えないようにする方法は何ですか?

ビューページにモーダルボックスがあり、ユーザーがデータベースにデータを追加できるLaravelアプリケーションがあります。デフォルトでは、ユーザーが送信ボタンをクリックするとモーダルが消え、バックエンドがエラーを返します。エラーが発生したときにモーダルボックスを表示したままにしたいと考えています。どうすればこの目標を達成できますか?モーダル ボックスをトリガーするボタン<div><buttonclass="add"data-modal-target="#modal-box">AddNe

P粉755863750 2024-02-04 08:46:00 0  1  498

javascript - echarts+bootstrap モーダル ボックスの小さな穴。

現在、ブートストラップ モーダル ボックスに echarts チャートを表示する PC プロジェクトに取り組んでいます。ユーザーがボタンをクリックすると、echarts チャートのコンテンツを含むモーダルがポップアップ表示されます。 1. まずモーダルボックスを作成します~ HTML: {code...} JS: {code...} 2. チャートをレンダリングします: {code...} この時点でできることは...

迷茫 2017-06-12 09:31:22 0  1  1410

リアクティブなモーダル スライド アニメーション

ReactとCSSでモーダルを実装しました。現在、モーダルを開くと、モーダルが下から上にスライドするスライドアップアニメーションを実装していますが、閉じるときにスワイプして下に移動したいのですが、方法がわかりません下にスワイプするアニメーションを正確に作成するために、誰か手伝ってくれませんか?コード=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29 0  1  566

モーダルが開いているときにスクロールを無効にする方法 - フルページ JS

私がやりたいのは、モーダルが開いているときにページ全体のJavaScriptスクロールを無効にすることです。問題は、モーダルを開いてスクロールしようとすると、実際の Web ページであるコンテンツがモーダルの背後に移動するため、これを無効にしたいということです。モーダルを開いたとき、背景は固定されているはずです。オープンモーダルボックス × 当社では木工に対する情熱を持っており、それはすべての製造およびインテリア デザイン プロジェクトに表れています。弊社は、機能的であるだけでなく美しい $(document).r のカスタム木製家具、備品、アクセントの製作を専門としています。

P粉090087228 2023-08-18 00:15:20 0  1  512

javascript - モーダルウィンドウについて、現在のウィンドウを閉じて前のウィンドウを更新します

1. ポップアップ ボックス (モーダル) で [データの追加] をクリックして 2 番目のウィンドウ (モーダル) をポップアップします。データが 2 番目のウィンドウ (モーダル) で作成および保存された後、最初のモーダルでデータを更新するにはどうすればよいですか?コードは次のとおりです。 クリックして追加 2 番目のポップアップ ボックスをポップアップするコードは次のとおりです。 新しいページをポップアップします。 2. データを追加した後、保存します。 3.

迷茫 2017-05-19 10:16:47 0  2  599

Vue の同じコンポーネント内の複数のモーダル ボックスをプログラムでレンダリングする

私のコンポーネントには、異なるコンテンツを持つ 3 つのポップアップ モーダルがあります。特定のボタンをクリックして、対応するポップアップ モーダルを開く必要があります。ボタン 1 については次のとおりです - <s-buttontype="button" class="bl_btn"@click="onClickProdOpen">製品の詳細</s-button> このモーダル 1 では、<s-modal になります。

P粉627027031 2023-08-28 16:23:40 0  1  572

javascript - vue.js で、ページ上のモーダル ボックス コンポーネントを開くときに、リターン キーを押して前のページに戻らずにモーダル ボックスを消すにはどうすればよいですか?

たとえば、vue.js で、ページ上でモーダル ボックス コンポーネントを開いたときに、リターン キー (Android のリターン キーまたはブラウザのリターン キー) を押して、前のページに戻らずにモーダル ボックスを消すにはどうすればよいですか? ps. モーダルボックスを開いたときに、履歴レコードを window.history に追加してみてはいかがでしょうか。できればこれ...

伊谢尔伦 2017-05-19 10:13:36 0  3  571

異なる説明を持つ個別のモーダルを作成するにはどうすればよいですか?

私は自動車ディーラーの Web サイトを作成しています。ユーザーが車の写真の下のボタンをクリックしたときに、モーダルにその車に関する情報のみが表示されるようにしたいと考えています。これまでのところ、複数のモーダル ボタンを正常に作成できましたが、それらはすべて同じ情報を表示します。異なる情報を含む個別のモーダルを作成するにはどうすればよいですか? import"./Modal.css";importPaganifrom'../Images/pagani2.jpg';importPagani1from'../Images/pag

P粉832490510 2023-08-17 16:25:08 0  1  488

javascript - iframe サブページで、window.parent.document を通じて開かれた親ページのモーダル レイヤーを正常に閉じることができません

皆さん、こんにちは。iframe サブページの window.parent.document を通じて親ページのモーダル レイヤーを開く方法があるかどうかお聞きしたいのですが、モーダル終了メソッド $("#modal").modal親ページの (「非表示」) を正常に閉じることができません。理由は神のみぞ知るです。

阿神 2017-07-05 11:06:17 0  3  1179