Question

模态弹出窗口不再适用于我正在处理的网站。它们应该在屏幕顶部的a-tag被点击时出现，但现在不再是这种情况了。

以下代码与原始版本略有修改，但所有更改都是肤浅的，并且是为了保护相关网站的隐私。实际问题仍然存在。

以下是链接和样式链接：

＆＃13;

<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>

＆＃13;

以下是用于弹出窗口的代码的一部分：

＆＃13;

<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>

＆＃13;

这是模态div的样子：

＆＃13;

<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>

＆＃13;

据我所知，这段代码应该正常工作。如果有人知道这段代码发生了什么，我们将不胜感激。

Answer 1

我已经找到了代码的问题。

我没有说过该页面的一件事是它是一个https页面。 JavaScript来自http源。例如，如果您想从其他来源获取JavaScript，则需要使用https。

无法使用模式弹出框来处理标记

1 个答案: