質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Q&A

0回答

1147閲覧

Django + Bootstrap + Chromeにおけるモーダルウィンドウについて

Ytaka

総合スコア35

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

0グッド

0クリップ

投稿2021/02/22 12:56

Qiita参考ページ:Python Django入門
記載されているモーダルが、IEだと開くのですがChromeだと正常に開かない現象が起きています。
ブラウザの違いが原因だとは思いますが、これをChromeでも開くために必要な設定を
どなたかご教示ください。

python manage.py runserverの実行画面には、ボタンをクリックしても何も表示されません。

  • django 3.1.7
  • BootStrap 4
  • Python 3.7.6

修正の場合は修正画面、削除の場合はモーダルを開く

html

1 <a href="{% url 'cms:impression_mod' book_id=book.id impression_id=impression.id %}" class="btn btn-outline-primary btn-sm">修正</a> 2 <button class="btn btn-outline-danger btn-sm del_confirm" data-toggle="modal" data-target="#deleteModal" data-pk="{{ impression.id }}" data-url="{% url 'cms:impression_del' book_id=book.id impression_id=impression.id %}">削除</button> 3

Classの設定

html

1 <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true"> 2 <div class="modal-dialog" role="document"> 3 <div class="modal-content"> 4 <div class="modal-header"> 5 <h5 class="modal-title" id="deleteModalLabel">確認</h5> 6 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 7 <span aria-hidden="true">&times;</span> 8 </button> 9 </div> 10 <div class="modal-body"> 11 <p>ID: <span id="del_pk"></span> を削除しますか?</p> 12 </div> 13 <div class="modal-footer"> 14 <a href="#" class="btn btn-primary" id="del_url">OK</a> 15 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> 16 </div> 17 </div> 18 </div> 19 </div> 20

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問