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

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

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

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

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

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

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

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

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

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

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

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

Python - Django リストページのボタンからモーダルボックスを呼び出す方法

上図のように、Djangoの一覧ページのボタンからモーダルボックスを呼び出して確認やキャンセルの操作をしたいのですが、テンプレートの操作方法がわかりません。リストページのテンプレートはDjangoのソースコードで提供されており、通常のテンプレートファイルであれば現在のテンプレートファイルにモーダルボックスのコードを書き込むことができますが、ソースコードが...

phpcn_u1582 2017-05-19 10:06:50 0  2  663

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  569

Angularでモーダルの外側をクリックしたときにモーダルが閉じないようにするにはどうすればよいですか?

この問題に関するいくつかの Q&A を読みましたが、すべての提案は非常に単純な解決策です。モーダルを開くボタンの HTML タグに data-backdrop="static" data-keyboard="false を追加します。私にとっては、このボタンは:<buttontype="button"class="btnbtn-primarybtn-dange

P粉805107717 2023-09-13 20:32:07 0  1  722

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

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

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

別のカスタムコンポーネントでネストされたモーダルを閉じるにはどうすればよいですか?

別のカスタムコンポーネント内にネストされたモーダルを閉じるにはどうすればよいですか?私のモーダルは別のコンポーネントにあります。親コンポーネントに状態を渡すときに問題が発生します。以下に親コンポーネントと子コンポーネントが表示されます。親コンポーネント: constViewNote=({route,navigation})=>{const[visible,setVisible]=useState(false);functionvisibility(cases){setVisible(cases);con

P粉579008412 2023-09-11 15:50:11 0  2  538

javascript - angular-ui-bootstrap モデル モーダルボックスの位置を調整する方法

プロジェクトではangularが提供するuiコンポーネントui-bootstrapのモーダルボックスを使用しているのですが、トリガーするとウィンドウ全体に表示されてしまい、中央より少し上で上に近すぎます。ウィンドウの中央に水平方向と垂直方向に表示されます。いいえ、どのパラメータを使用するか知っていますか?

怪我咯 2017-06-26 10:54:53 0  1  805

Javascript を使用して Bootstrap (5.2) モーダルを閉じるにはどうすればよいですか?

学校のプロジェクトのために、HTMLでブートストラップを使用してモーダルを作成しました。そのモーダルには、JavaScriptから確認する必要があるプロンプトがあります。プロンプトが有効な場合に変更を保存できるように、JavaScriptからモーダルを閉じるにはどうすればよいですか? 「いいえ」の場合のみ例外をスローしますか?ちょっとした注意事項 (jQuery は使用しないでください。割り当てを禁止する応答としてこのライブラリを使用した同様のスレッドを見たことがあります) これが私の HTML コードです: <divclass="modalfade"

P粉369196603 2024-02-21 14:15:22 0  2  332

最近の 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  578

動的テキスト ボックスとその値の送信を JSP Bean に実装します。

いくつかの事前定義されたテキストボックスを含むフォームがあり、それとは別に、いくつかの動的テキストボックスも作成しました。これはJavaScriptで実行できます（おそらく）。フォームの送信時に、動的に生成されたテキストボックスの値を Bean に設定するにはどうすればよいですか。 Bean では、動的に生成されたテキスト ボックス値の内容を保持する文字列配列を定義しました。フレームワークを使用していません。その方法を教えてください。

P粉916760429 2023-12-11 11:56:28 0  1  492

モデルの静的挿入または静的更新が成功したかどうかを判断するにはどうすればよいですか?

静的メソッドで tp5 モデルを作成および更新した後、操作が成功したかどうかをどのように判断すればよいでしょうか?

phpcn_u16587 2022-03-01 22:56:05 0  1  1407

「x」または「閉じる」ボタンをクリックしてもブートストラップのモーダル ボックスを閉じることができません

クリックしてモーダルを開くと、モーダルは正常に表示され、閉じるボタンにはマウスが上に置かれていることが表示されますが、クリックしても何も起こらず、モーダルは開いたままになります。これまでにこの問題に遭遇した/解決した人はいますか?ここでは「data-bs-dismiss」を追加しているだけですが、これはスキーマには影響しません。私はブートストラップを初めて使用するので、あらゆる助けをいただければ幸いです。コードは次のとおりです。完全なコードへのリンク-<!DOCTYPEhtml><html><head&g

P粉809110129 2024-03-29 23:39:12 0  1  434

hyperf フレームワークはどのようにログインをシミュレートし、Web コンテンツをキャプチャしますか?

hyperf フレームワークはどのようにログインをシミュレートし、Web コンテンツをキャプチャしますか? hyperf フレームワークはどのようにログインをシミュレートし、Web コンテンツをキャプチャしますか? hyperf フレームワークはどのようにログインをシミュレートし、Web コンテンツをキャプチャしますか? hyperf フレームワークはどのようにログインをシミュレートし、Web コンテンツをキャプチャしますか? hyperf フレームワークはどのようにログインをシミュレートし、Web コンテンツをキャプチャしますか?

Nine 2021-12-17 15:29:20 0  2  982

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

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

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

ファクトリ パターンは、静的メソッドを使用してシングルトン パターンのプロパティとメソッドを呼び出すことを指しますか?

ファクトリ パターンは、静的メソッドを使用してシングルトン パターンのプロパティとメソッドを呼び出すことを指しますか?

王志恒 2018-06-16 16:53:32 0  0  1265