Откройте модал, используя ссылку - PullRequest
Новая
       24

Откройте модал, используя ссылку

0 голосов
/ 25 сентября 2019

Я хочу открыть картинку в модале, используя ссылку в тексте (verslag.txt).Я хочу использовать один модальный, ссылка должна указывать модальному, какое изображение загружать в модальном.

Текст (verslag.txt) загружается в div командой load, и я не уверен, гдепоставить модальный код.В загружаемом txt-файле или в html-файле, в котором находятся команда загрузки и div.

Приведенный ниже код используется для помещения файла verslag.txt.

код для загрузки информации моего файла verslag.txt в div 

<script>
$(document).ready(function(){
$("#middiv").load("verslag2.txt");
});
</script>

Общая структура div в моем html-файле; 

<div class="container" >
  <div class="row">
  <!--Ik gebruik hieronder alleen het middiv omdat dat de enige info is die ik wil vervangen-->
    <div class="col-md-12 scrollbarclass" id="middiv" syle="background-color: rgba(255, 255, 255, 0.3)">
    </div>
  </div>
</div>

Ссылка, которую я использую в файле verslag.txt 

<a href="#" data-toggle="modal" data-target="#basicModal">laatste2</a>

Модальный код в настоящее время также в verslag.txt 

<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog"> 
    <div class="modal-content">
      <div class="modal-header"> 
      <h4 class="modal-title" id="myModalLabel">Basic Modal</h4> 
      <button type="button" class="close" data-dismiss="modal" aria label="Close"> <span aria-hidden="true">&times;</span> </button>
      </div> 
      <div class="modal-body">
      <h3>Modal Body</h3>
      </div>
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data dismiss="modal">Close</button>
      <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Ссылки HTML-файл https://lodysreizen.nl/toonverslag2.html Текстовый файл https://lodysreizen.nl/verslag2.txt

1 Ответ

0 голосов
/ 25 сентября 2019

Вы должны попытаться устранить эти ошибки.Проверьте вашу консоль разработчика.

js errors

...