Dynami c данные цели bootstrap модальные - Django - PullRequest
Новая
       37

Dynami c данные цели bootstrap модальные - Django

0 голосов
/ 21 января 2020

У меня есть куча постов для отображения на странице. После нажатия, чтобы прочитать больше, модал bootstrap придет туда, где будет показан пост. Также я использую django.

Дело в том, что я хочу перебрать свой набор запросов всех сообщений с помощью для l oop.

Мой html выглядит следующим образом: 

 {% for post in posts %}

   <!-- Modal -->
   <div class="modal fade" id="post1" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-body">         

             <!-- Button trigger modal -->

             <p> {{ post.content|truncatewords:10 }}  
             <a data-toggle="modal" data-target="#post1">Post 1</a></p>       

           </div>
         </div>
      </div>
    </div>
 {% endfor %}

Как вы можете видеть, здесь, в триггере для показа модального режима, data-target="#post1" есть и в модальном, также есть id="post1".

Теперь все нормально для одного модала. Но у меня есть 10-12 сообщений в блоге. Так что я не могу жестко закодировать каждую из этих целей данных. Так что я могу сделать? Я не знаю javascript, поэтому полное решение bootstrap может быть полезным. Тем не менее, любое решение или идея, что я могу сделать? Например, post1 получит id1, а затем post2 получит id2.

Так что вы можете помочь мне с этим или дать какое-либо другое решение? Это будет чрезвычайно полезно. Я пробовал этот пост: как динамически изменить bootstrap модальный клик-цель данных , но это не помогло.

1 Ответ

1 голос
/ 23 января 2020

Так что это было довольно просто, мне нужно было изменить modal-target на #modal{{post.id}}" и id модальных на modal{{post.id}} и вуаля!

...