无法获取模式弹出窗口以使用标签

Question

模态弹出窗口不再在我正在工作的网站上工作。 它们应该在单击屏幕顶部的a-tag时出现，但现在不再是这种情况。

以下代码与原始版本相比已稍作修改，但是所有更改都是肤浅的，旨在保护所关注网站的隐私。 实际问题仍然存在。

以下是链接和样式链接：

 <link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/flick/jquery-ui.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 

这是用于弹出窗口的部分代码：

 <nav class="navbar-collapse collapse" id="myNavbar" role="navigation"> <ul class="nav navbar-nav navbar-right"> <li><a href="#test" data-toggle="modal" class="blacklink"><span class="glyphicon glyphicon-star"></span> TEST</a></li> <ul> </nav> 

模态div如下所示：

 <div class="modal fade" id="test" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> <h3>Test</h3> </div> <div class="modal-body"> <p>Text goes here.</p><br /> </div> </div> </div> </div> 

据我所知，这段代码应该可以正常工作。 如果有人知道这段代码在做什么，将不胜感激。

Answer 1

我已经弄清楚了代码的问题。

关于页面我没有说的一件事是它是一个https页面。 JavaScript来自http来源。 因此，如果您想从其他来源获取JavaScript，则需要改用https。