無法獲取模式彈出窗口以使用標簽

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。