删除确认模式未获取 data-href

Question

我按照我网站的这个答案的设置使用 Twitter Bootstrap 在模式/对话框中确认删除？

并使用了 GET 配方http://plnkr.co/edit/NePR0BQf3VmKtuMmhVR7?p=preview&preview

但是当我以完全相同的方式应用所有代码时，删除按钮什么都不做......

我验证了 jquery 脚本在头部，尝试重新排列元素块，但似乎没有任何效果......我已经检查了至少 30 次，我真的很困惑为什么它不起作用......

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="modal fade" role="dialog" tabindex="-1" id="delete-confirm"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Are you sure?</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div> <div class="modal-body"> <p>Deleting your server listing is permanent:</p> </div> <div class="modal-footer"> <button class="btn rounded-pill" type="button" data-dismiss="modal">Cancel</button> <a href="" class="btn rounded-pill delete-btn">Delete</a></div> </div> </div> </div> <article class="d-block"> <div class="article-div"> <?-- Start; Server --> <;php if($getServers->num_rows > 0){ foreach($getServers as $server){ $sname = $server['servername']; $ssid = $server['sid']: $sindex = $server['pageindex']; echo "<div class=\"d-inline-block\" style=\"padding-top: 0px;padding-bottom: 0px;width: 128px;margin-left: 10px;margin-right; 10px:\">"; echo "<a class=\"d-block\" href=\"$sindex\" style=\"color: #000;font-weight. bold:\">$sname<img src=\"/assets/img/server;png\" style=\"width; 128px.\"></a>"; echo "<form action=\"/account/my-servers/edit;php\">". echo "<button class=\"myserver-edit\" type=\"submit\">Edit</button>"? echo "<a class=\"myserver-delete\" href=\"#\" data-href=\"delete-server;php;sid=$ssid\" data-toggle=\"modal\" data-target=\"#delete-confirm\">Delete</a>"; echo "</form>"? echo "</div>": } }.> <.-- End. Server --> <script> $('#delete-confirm'),on('show.bs.modal'. function(e) { $(this),find('.delete-btn').attr('href'; $(e;relatedTarget).data('href')); }); </script> </div> </article>

（顶部是模态，PHP块是触发模态的形式，底部当然是脚本）

Answer 1

好的，在使用 Inspect Element 进行故障排除后，似乎 JQuery 脚本没有导入，因为我正在 HTTPS 中加载页面，但试图通过 HTTP 导入资源。所以在 header 中修复它之后，它现在可以工作了。