問題タブ [bootstrap-modal]

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 投票する
5 に答える
12252 参照

twitter-bootstrap-3 - ブートストラップ3でモーダルのスクロール位置をリセットするには?

ドキュメントのように、ブートストラップ v3 modalがあります。

モーダルを初めて開いたとき (「デモ モデルの起動」ボタン)、垂直スクロール バーが一番上の位置にあります。下にスクロールしてモーダルで「キャンセル」をクリックすると、閉じます。大丈夫です。しかし、もう一度モーダルを開くと、すでに下にスクロールされています。そして、これは私が避けたいケースです。最上位でモーダルを開くにはどうすればよいですか?

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

ajax - AJAX 関数と Bootstrap Modal

製品をバスケットに追加しようとしていますが、ユーザーが特定の選択入力からオプションを選択しない場合、ユーザーが [バスケットに追加] をクリックしたときに表示されるブートストラップ モーダル ウィンドウにその選択を表示したいと考えています。任意のオプションを選択します。その後、ユーザーはオプションを選択した場合にのみ続行します。これまでのコード:

それを行う方法についてのアイデアは大歓迎です! ありがとうございました!

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

jquery - パラメータをモーダルに送信してから行を削除する

2日間の調査の後、先に進むことができないため、助けを求めることにしました。

サイトにユーザー テーブルを表示します。各行には、ユーザーのデータとユーザーの削除ボタンがあります。

削除ボタンを押すと、その特定のユーザーを削除するかどうかを尋ねるモーダルが表示されます。そのため、ユーザー名であるパラメーターを送信する必要があります。

そのモーダルは、凡例の確認モーダルです: //username// を削除してもよろしいですか?

問題は、パラメーターの送信方法は知っていますが、jquery 削除機能と統合できないことです。また、私はjsとjqueryの初心者なので、行を削除する方法について明確な考えがありません。

これまでのところ、これは私が持っているものです(Smartyテンプレートエンジンを使用していることに注意してください):

これは私のjsファイルです(このリンクから取得しました)

要約すると、次のようにコードを調整する必要があります。

  1. ユーザー名をパラメーターとしてモーダルに送信します
  2. 確認ボタンが押された場合、行全体を削除します

アップデート:

モーダルは機能しています。つまり、開いたり閉じたりします。モーダルの確認ボタンは、行全体ではなく、行から「削除ボタン」のみを削除します。

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

javascript - ブートストラップ モーダル onload イベント

ブートストラップモーダルには onload イベントがありますか? モーダルを開いたときに http GET リクエストを呼び出して、モーダルに残りの API からのデータを入力したいと考えています。モーダルにフォームがあり、フォームの onload イベントで GET 関数を呼び出しましたが、機能しません。

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

jquery - モーダルがすぐに表示されない

テーブルがあり、各行に削除ボタンがあります。その削除ボタンが押されると、確認を求めるモーダルが表示されます。

ここでの問題は、ページを初めてロードするときに、(必要な削除ボタンで) 2 回クリックしてモーダルを表示する必要があることです。一度それをしたら、次に任意の行の削除ボタンを押すと、モーダルがすぐに表示されます...ワンクリックが必要です。

原因と修正方法を教えていただきたいです。

意見:

js ファイル:

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

javascript - ブートストラップモーダル内にグラフが表示されない

ブートストラップ モーダルでグラフを表示したい。ここにコードがありますが、機能しません。チャートは表示されません。それを修正する方法は?




#button type="button" class="btn btn-primary btn-lg active" data-toggle="modal" data-target="#myModel">描画

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

ruby-on-rails - Rails 4でターボリンクが有効になっているBootstrapモーダル内でフォームが送信されない

Bootstrap 3.0 が提供するモーダルで送信されるフォームを作成しました。ただし、フォームは、ページがターボリンクされたときではなく、ページを更新したときにのみ送信されます。ターボリンクでは、送信ボタンをクリックし続けることができますが、何も起こりません。これは、何らかの理由で本番環境でのみ発生します。

ターボリンクを削除すると問題は解決しますが、それによる速度の向上が必要です。

考えられる問題の 1 つは、モーダルが最初は display:none; であるということです。そのため、フォームが正しく読み込まれていないことが問題である可能性があります。

モーダルなしでフォーム送信をテストしますが、作成中のアプリケーションには必須です。

deal_controller.rb

index アクション自体にフォームがあります。

_form.html.erb

スクリプトは、フォームに検証エラーがある場合にモーダルを開いたままにするために使用されます。