使用链接打开模态

Question

我想使用文本（verslag.txt）中的链接以模式打开图片。我想使用一个模态，链接应该告诉模态要在模态中加载哪些图片。

text（verslag.txt）通过加载命令加载到div中，我不确定将模态代码放在哪里。在我加载的txt文件中或加载命令和div所在的html文件中。

下面的代码是我将verslag.txt文件放入时的代码。

用于加载verslag.txt文件的div信息的代码

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

我的html文件中的总div结构；

<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.htmltxt文件https://lodysreizen.nl/verslag2.txt

Answer 1

您应尝试解决这些错误。检查您的开发控制台。