Question

我正在寻找jQuery模式弹出窗口，它应该显示图像样本检查以显示路由号码等。当我点击路由号码（？）问号时，它应该弹出一个图像，并且应该有关闭按钮右上角。我见过不同的方法，但无法找到确切的方法

Answer 1

查看Bootstrap Modal。点击Launch demo modal按钮。

在<head>中，请确保包含jquery和bootstrap.js的javascript。您可以从引导站点下载bootstrap.js。您也可能希望包含bootstrap.css。

一旦您的<head>全部设置完毕，您需要添加隐藏的模态代码，并且您需要添加一个按钮来显示模态。按钮和模态通过id链接在一起。

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

Jquery背景模态弹出窗口

1 个答案: