Question

我想为图像显示一个模态弹出窗口。我们有像Facebook这样的新闻。当有人点击图像时，它应显示带有注释的模态窗口，如共享，标记等。

在Bootstrap或Jquery中是否有可用于此的插件，或者任何人都可以提供下载源代码的链接？

Answer 1

你可以使用bootstrap模态或其他jquery，如fancybox

如果你想添加一些自定义的东西，如评论，分享等，那么你应该使用bootstrap模式，因为其他Jquery可能不会提供你添加这样的更多自定义的东西，所以你设计自己的模型更好！

Answer 2

首先在您的文件中加入bootstrap.css和bootstrap.js（download），然后按照以下代码进行操作，

现在创建一个链接，在点击它时将启动bootstrap模式

<a href="#modal-id" data-toggle="modal">Modal</a>

现在将此模态定义为

    <div class="modal fade" id="modal-id" role="dialog">
        <div class="modal-dialog">
             <div class="modal-content">
                  <div class="modal-header">
                       <button id="closeModal" type="button" class="close" data- dismiss="modal" aria-hidden="true">x</button><br>
                  </div>
                  <div class=modal=body>
                       <!--Include anything you want when the popup appears-->
                       <!--Now you can add textboxes as,-->
                       <form>
                            <input type='text' class='form-control'>
                            <button class='btn btn-sm btn-info'>like</button>
                       </form>
                  </div>
             </div>
        </div>
   </div>

如何使用Bootstrap和jQuery显示包含Facebook图像等文本的图像弹出窗口？

2 个答案: