Javascript 引导模式未显示。如何解决？

我想在点击“reportpet”时显示模态，但它不显示模态。如何解决此错误请帮助我

网址：

HTML:

---

将数据目标更改为

data target=“#locationreport”

您需要在模式的

id

之前添加

<span class="text">
       <a href="#" class="button" data-toggle="modal" data-target="#locationreport" id="reportpet">Report</a>
</span>

---

将数据目标更改为

数据目标=“#locationreport”

您需要在模式的

id

之前添加

<span class="text">
       <a href="#" class="button" data-toggle="modal" data-target="#locationreport" id="reportpet">Report</a>
</span>

---

使用引导模式时，不需要额外的Jquery/JS。您是否在文档中包含引导js文件？@empiric是的，我正在加载bootstrap.js您可能在使用引导模式时查找此文件，不需要添加Jquery/js。您是否在文档中包含引导js文件？@empiric是的，我正在加载bootstrap.js您可能正在查找此文件

<div class="modal fade" id="locationreport" role="dialog" style="display: none;"> 
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Some text in the modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

  $("#reportpet").click(function(){
    $("#locationreport").show();
  })

<span class="text">
       <a href="#" class="button" data-toggle="modal" data-target="#locationreport" id="reportpet">Report</a>
</span>