Javascript 我的引导模式不是'；行不通

问题
我正在为一个网站预订插件。我想要一个约会挑选者的模型，但从我的角度来看，一切似乎都是对的。但是当我点击模态按钮时，什么都没有发生。我在互联网上搜索了我的css/js链接，但我认为一切都是对的

有没有人知道我做错了什么，并帮助我朝着正确的方向前进？谢谢

我的代码
testpage_modal.php

选择Eer-uw-gewenste数据*

Kies数据>
&时代；
模态头
模态中的一些文本

接近

header.php

标题

footer.php

window.jQuery | | document.write（“”）
$（文档）.ready（函数（）{
$（“#我的btn”）。单击（函数（）{
$（“#我的模式”）.model（'show'）；
});
});

您的数据目标与模态不匹配：

 <button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#my_btn">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>

Kies数据>

应该是：

 <button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="my_modal">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>

Kies数据>

或者，如果你想使用javascript，那么你应该给你的按钮ID=“my_btn”，如下所示

<button type="button" class="btn btn-default btn-md" id="my_btn">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>

Kies数据>

按钮

数据目标

&modal

id

应匹配，否则您的modal无法工作

<button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#my_btn">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>

<!-- Modal -->
<div id="my_btn" class="modal fade" role="dialog">
</div>

Kies数据>

无需使用此JS代码。只需删除这些行：

<script type="text/javascript">
 $(document).ready(function(){
  $("#my_btn").click(function(){
   $("#my_modal").modal('show');
  });
 });
</script>

$（文档）.ready（函数（）{
$（“#我的btn”）。单击（函数（）{
$（“#我的模式”）.model（'show'）；
});
});

并替换按钮的以下行：

<button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#my_modal">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>

Kies数据>

那么我该如何让模态工作呢？我已经更改了它，但它仍然不起作用。已经删除了它，但它仍然不起作用。不知道我做错了什么..它正在工作检查这个：或者你在控制台中得到任何错误？3个字体错误。也许这与Wordpress有关？我认为Wordpress没有获取文件路径。。你能检查你的文件路径吗？你能告诉我你使用的是哪个版本的引导程序吗。WordPress 4.7.2运行testtheme 2.0 theme。

<button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#my_btn">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>

<!-- Modal -->
<div id="my_btn" class="modal fade" role="dialog">
</div>

<script type="text/javascript">
 $(document).ready(function(){
  $("#my_btn").click(function(){
   $("#my_modal").modal('show');
  });
 });
</script>

<button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#my_modal">Kies datum >&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span></button>