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

我想为图像显示一个模式弹出窗口。我们有一个类似Facebook的新闻源。当有人点击图片时，它会显示一个带有评论的模式窗口，比如，分享，标签等等

---

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

您可以使用Bootstrap modal或其他类似Jquery的插件

---

如果您想添加一些自定义内容，如注释、共享等，那么您应该使用bootstrap模式，因为其他Jquery可能不提供您添加更多自定义内容的功能，因此您最好设计自己的模型

首先在文件中包含

bootstrap.css

和

bootstrap.js

（），然后按照下面的代码操作

现在创建一个链接，单击该链接即可启动引导模式

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

x

喜欢

请包含您尝试过的代码，并告诉我们您遇到了什么问题。我可以使用引导旋转木马，但我不知道如何使用其他东西，如添加文本字段，按钮，共享旋转木马上的e.t.c。虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面更改，只有链接的答案可能会无效。这不是免费的，你能给一些其他的免费选项吗？我会小心的@DaImTo@user3610792你确定在你的页面中正确地包含了bootstrap.js和bootstrap.css吗？是的，我确定我也尝试过bootstrap主页上提供的示例，它也不起作用。@user3610792您导入jquery.js了吗？如果是，则将所有导入的文件写入页面的“..”部分。