Bootstrap Modal -简单密码保护按钮
Bootstrap Modal 是 Bootstrap 框架中的一个组件，用于创建弹出式模态框。模态框是一个浮动层，可以显示额外的内容，使用户可以与其进行交互，而不必离开当前页面。
简单密码保护按钮是指在使用 Bootstrap Modal 组件时，通过添加密码保护功能来保护弹出框中的敏感内容。当用户点击密码保护按钮时，系统会要求用户输入正确的密码，只有在密码正确的情况下才能访问和操作模态框中的内容。
使用密码保护按钮可以增加对敏感信息的保护，确保只有授权用户才能查看和操作相关内容，提高系统的安全性。
适用场景：
- 个人资料保护：在个人资料编辑页面中，通过密码保护按钮来保护用户的敏感信息，如手机号码、家庭住址等。
- 机密文件查看：在企业内部系统中，通过密码保护按钮来限制只有特定人员才能查看和下载机密文件。
- 教育培训课程：在线教育平台可以利用密码保护按钮，确保只有付费学员才能访问和学习收费课程。
腾讯云相关产品推荐： 腾讯云的对象存储 COS（Cloud Object Storage）可以用于存储和管理模态框中的敏感内容，保证数据的安全性和可靠性。您可以通过以下链接了解腾讯云的 COS 产品：
- 产品介绍：https://cloud.tencent.com/product/cos
- 文档：https://cloud.tencent.com/document/product/436
腾讯云的访问管理 CAM（Cloud Access Management）可以用于管理密码保护按钮的访问权限，确保只有授权用户才能操作模态框。您可以通过以下链接了解腾讯云的 CAM 产品：
- 产品介绍：https://cloud.tencent.com/product/cam
- 文档：https://cloud.tencent.com/document/product/598
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
我对Django和Bootstrap都是新手。我目前正在尝试在我的Django模板中的for循环中创建一个bootstrap模式窗口，它将显示来自模型的一些数据。
因此，我创建了一个for循环，它涵盖了按钮创建和模式窗口，并迭代了我的模型中包含的数据。因此，它应该创建与我的模型中的条目一样多的按钮和相应的模式窗口。
但是，当我单击通过for循环创建的任何按钮时，模式窗口始终显示第一个条目，并且从不更改。
我一直在努力寻找答案，主要看了以下几个主题：
当我创建与唯一ID相关的不同模式和按钮时，这在循环之外工作得很好，但我不能在我的例子中工作。
我希望是足够精确的。
谢谢你的帮助。
<!
浏览 0提问于2014-09-25得票数 3
我想访问打开的模型对话框的内容，并想访问按钮(是，否)。
下面的HTML代码如下所示
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><div class="bootstrap-dialog-header">
<div class="bootstrap-dialog-close-button" style="displ
浏览 1提问于2015-09-30得票数 5
回答已采纳
我正在一个项目中使用bootstrap 5。我正在构建一个测验，当您单击按钮时将打开该测验。测验显示在bootstrap 5模式组件中。 我的问题是，当你点击模式的关闭按钮，然后重新启动它时，上一轮测验的数据仍然在那里(单选按钮仍然被选中)。我想要关闭按钮来销毁模式，并处理所有以前的数据。我已经尝试了几种方法(分别)，如下所述： myModal.dispose()
myModal.modal("dispose")
bootstrap.Modal.dispose();
bootstrap.Modal(bootstrap.modal.getInstance(quiz-modal)
浏览 83提问于2020-12-29得票数 1
4回答
引导按钮弹出消息
、、
我有一个按钮在我的页面上，我希望它显示一个弹出框时，它点击，但我尝试了一些事情，但它不工作
我想让那个按钮在点击时显示消息。
<button type="button" class="w3-btn w3-theme-d1 w3-margin-bottom" data-toggle="modal" data-target="#moreinfo"><i class="fa fa-thumbs-up"></i> Find out more</button>
&l
浏览 3提问于2016-08-31得票数 1
回答已采纳
我有一些按钮，同样的引导模式。
我想要实现的是，当我点击模式内的编辑按钮按钮，说按钮的背景，切换它，将改为红色，例如。
因此，如果显示模式2切换它，通过单击编辑切换，显示模式2的背景将更改为红色。
或者如果是Show 3切换了这个模式，那么它的背景就会改变，依此类推
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https
浏览 0提问于2019-04-27得票数 0
$(window).on('beforeunload', function(e) {
$('#myModal').modal(); // open bootstrap modal, etc, not important
return false;
});
这是我的代码。如何隐藏默认的确认窗口，并将“离开页面”和“停留在页面”按钮绑定到我的引导模式中的适当操作？
浏览 0提问于2014-03-19得票数 0
我在一个页面上有多个播放按钮，启动包含vimeo视频的twitter引导模式。不幸的是，我无法得到一个播放按钮来播放一个特定的视频。它会把它们全部播放。有办法把每个播放按钮绑在一个视频上吗？
我在这里加载了一个示例
JAVASCRIPT:
jQuery(document).ready(function() {
// Enable the API on each Vimeo video
jQuery('iframe.vimeo').each(function() {
Froogaloop(this).addEvent('ready', ready);
}
浏览 0提问于2013-01-02得票数 1
2回答
我试图包含一个JS脚本，以显示有关特定操作的消息。为了实现这一点，我试图首先使它在任何浏览器上工作。
这就是我想要做的：
document.querySelector('.circle').addEventListener('click', function() {
var m1 = $(makeModal('Somehting here')); // I would want to skip creating an HTML element with jQuery.
document.body.insertAdjacentHTML(
浏览 0提问于2018-07-16得票数 1
回答已采纳
需要使用onClick函数对其他组件进行活动模态。
使用Bootsratp反应模型
import Modal from 'react-bootstrap/Modal'
import Button from 'react-bootstrap/Button'
import { useState } from 'react';
const UserModal=()=> {
const [smShow, setSmShow] = useState(false);
return (
<>
浏览 16提问于2022-04-19得票数 1
我有多个按钮，我点击，然后打开一个引导模式与点击按钮值，它的工作很好。现在我想在关闭bootstrap模式时更改点击按钮的值。 我尝试的是： $("input").click(function(e){
var idClicked = e.target.id;
$('#myModal').modal('show').find('.modal-title').text(idClicked);
}); <link rel="stylesheet" href="https://maxcdn
浏览 7提问于2020-01-02得票数 0
回答已采纳
我在使用来自Twitter引导api的远程模态对话框时遇到了问题。
我正在尝试加载一个带有远程html页面内容的模态对话框。我有两个页面，一个页面包含按钮(mod-emote.html)，另一个页面包含单击按钮时希望显示的内容(mod-target.html)。
modal-remote.html：
<!DOCTYPE html>
<html lang="en">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<lin
浏览 3提问于2012-10-19得票数 10
回答已采纳
1回答
我尝试使用bootstrap创建弹出窗口，但当我单击打开登录窗口按钮时，弹出窗口没有出现。我做了这个观看教程，并且和它显示的一样。我在这里找不到错误。有人能帮我一下吗？这是代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<
浏览 2提问于2017-02-11得票数 0
回答已采纳
我正在尝试使用反作用引导和有问题的模式对话框。
我有一个"HintComponent“，它由一串按钮组成
<div className="col-5 d-grid gap-2 borderGeneral">
<button className="buttonGeneral" >Label here</button>
<button className="buttonGeneral">SUMMARY</button>
</div>
我想在点击一个
浏览 1提问于2022-03-01得票数 1
回答已采纳
我试图在页面加载时启动一个引导模式，而不触发HTML按钮或使用jQuery。
这是我的密码：
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
&
浏览 4提问于2013-12-27得票数 19
回答已采纳
我有三个按钮，可以在页面上打开一个模式窗口：
<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'myModal',)); ?>
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h4 class="text-cen
浏览 2提问于2014-10-25得票数 0
1回答
你好:实际上，我在React中尝试做一些React的事情，在我看来，它就像魔法一样，我读了很多书，并寻找一种运行Bootstrap，Modal和外部function的方法。
这是我的在线代码：
您将在页面末尾看到一个Calendar和button。当您按下Button时，Modal正常工作，这就是我想要做的
(但当我单击日历中的事件时，而不是单击按钮时)
因此，我将能够在Modal中弹出当前的事件信息。
我将testClick()函数与$("#myModal").modal("show");一起使用，因为它显示在Bootstrap中，但它不起作用。
是否有任何直
浏览 1提问于2018-10-02得票数 2
回答已采纳
我创建了一个函数appendScript，它将在按钮单击事件时被调用。我的函数代码是
function appendScript()
{
var v_js;
var head= document.getElementsByTagName('head')[0];
v_js = document.createElement('script');
v_js.type = 'text/javascript';
v_js.src = "//cdnjs.cloudflare.com/ajax/libs/jque
浏览 3提问于2013-06-25得票数 1
2回答
动态追加索引到属性
、、、
我有一个按钮元素：
<button v-on:click="changeRecord(element)" v-b-modal.modal-5>Aendern</button>
它是在v-for循环中动态生成的。我不像上面的v-b-modal.modal-5那样硬编码属性名，而是像下面这样连接它：
v-b-modal.modal-{{index}}
有办法这样做吗？我用的是vue-cli 3和bootstrap-vue。
浏览 4提问于2020-03-18得票数 2
回答已采纳
我有一个模式窗口(使用bootstrap)，有一个关闭按钮。在大多数浏览器中，模式窗口的打开和关闭都很正常。然而，在internet explorer中，有一个问题。我们可以很好地打开模式窗口，也可以很好地关闭它。但如果我们再试着打开它，它不会。
大部分javascript功能都是在bootstrap中实现的。下面是打开按钮的html，我相信data-toggle="modal“和data-target="#exampleModal”是打开窗口的关键……
<a href="javascript:void(0)" id="navdemo
浏览 1提问于2018-04-18得票数 0
我在下面的例子中简化了我的查询，但我正在尝试实现类似的结果。基本上，单选按钮值应用于下一个按钮的data-url属性，模态将根据URL加载内容，但在此处的代码片段中，我只是在模态主体中显示了URL。正如您所看到的，当您选择一个单选按钮并单击next时，将显示您首先选择的内容，随后的任何选择都将被忽略，因为变量仍然保留第一个选择的选项。然而，按钮有正确的URL，它只是没有正确地传递给模式。我只是想知道如何修复这个问题，以便模式显示我在单选按钮中选择的正确URL。任何帮助都是非常感谢的。谢谢。
$('.js-url-check').on('change', fu
浏览 3提问于2021-07-13得票数 0
当用户单击单选按钮时，我试图显示日历和输入框。我已经通过使用下面的代码创建了一个模式弹出，当我单击“发送”按钮时，它将打开一个带有两个单选按钮的模式弹出，当我单击“用提醒按钮关闭”弹出时，它将显示日历以及输入框。
这是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="vi
浏览 0提问于2018-10-15得票数 0
回答已采纳
2回答
引导模式不工作
、、
我有一个简单的按钮，它使用bootstrap的模式，就像一个弹出的div。我不能让它工作。当我单击按钮时，没有任何反应。我正在使用firefox。我可能忘记了一些简单的东西，但我找不到问题所在。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type=
浏览 0提问于2011-12-24得票数 3
回答已采纳
2回答
引导:模式显示，即使当按钮禁用
、、、、
危险！
我已经在我的页面上放置了一个引导模式，作为一种应用-删除对话框，当删除按钮(不是在模型上的按钮；有两个删除-按钮)被禁用时，该模式可能不会出现(当试图从数据库中删除记录时)。我知道您可以删除我的移除按钮的data-toggle属性(不是按钮，实际上是span )，但是没有其他选择吗？我想是因为span一直是“启用”的吧？但是，如何“禁用跨度”呢？好的，这听起来“不健康”，但是我需要span，因为我使用按钮的data-toggle属性来表示tooltip。
下面是我使用的脚本和样式：
<script type="text/javascript" src='/
浏览 2提问于2016-01-15得票数 5
回答已采纳
2回答
我有这个按钮B1 (比如说)，当我点击这个B1时，会出现一个带有按钮/链接的模式弹出
当我单击按钮/链接时，会出现一个新的弹出，会出现，但我没有得到Modal窗口，但我得到了firebug中的值
下面是按钮B1的代码
<div class="thumbnail" ><img src="../Images/pix/B1.png" href="#B1Market" data-toggle="modal" /></div>
，然后调用此模式弹出，其中包含div divB1Market中的内容。
&l
浏览 7提问于2013-10-10得票数 1
回答已采纳
我有一个工作代码(Flask +平原JS)，它实时显示不断增长的日志文件。我在将它转换为ReactJS时遇到了问题。
app.py (水瓶，工作代码，没有问题)
@app.route('/stream')
def stream():
def generate():
fname="/Users/xxx/tmp/log.txt"
with open(fname) as f:
while True:
yield f.read()
sleep(
浏览 4提问于2020-03-22得票数 1
回答已采纳
2回答
在引导模式中更改href url
、、、、
祝您今天愉快。如何在引导模式下更改url？我正在使用yii bootstrap扩展进行确认对话。我有不同的按钮列表上的行动网址。
按钮代码
foreach ($Users as $a)
{
$this->widget('bootstrap.widgets.TbButton', array(
'label'=>Yii::t('default-ui', 'Remove'),
&#
浏览 1提问于2013-09-10得票数 0
Bootstrap模式在bootstrap版本4上工作得很好，但当我更改为使用bootstrap版本5时，当我单击“关闭”按钮时，模式无法关闭。 //当我使用此v4时，modal可以完美地工作： <script src="assets/vendor/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script> //但是当我使用这个v5时，close按钮不能关闭模式： <script src="assets/vendor/bootstrap-5/js/bootstrap.bundle.min.js&
浏览 16提问于2021-09-29得票数 0
当我点击某个按钮时，我只想让Modal显示出来。
现在，每当我加载页面时，Modal就会显示自己。
有人能告诉我我哪里出了大错吗？
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<div class="modal" id="myModal" tabindex="-1" role="di
浏览 4提问于2012-09-21得票数 3
回答已采纳
我使用的是twitter、bootstrap modal和jquery。
当有多个按钮可以创建模式对话框时，如何找到源按钮？
在使用bootstrap-modal之前，我使用onclick来显示确认消息，例如，onclick="newGame(3，true)"；现在我想使用bootstrap-modal来执行此操作。
html，
<button type="button" class="btn" id="ctrl6" data-controls-modal="my-modal" data-
backdrop
浏览 0提问于2011-12-12得票数 4
3回答
在下面的示例中，单击"Show“按钮将显示一个简单的引导模式对话框，其中包含两个按钮: Cancel (用data- below )解聘)和"OK”，这两个按钮可能会在服务器端完成一些工作，然后调用Javascript来隐藏对话框。
这个基本概念工作得很好--直到我尝试将整个过程包装在一个UpdatePanel中，如下所示。我到底做错了什么？(至于奖金，我如何尝试通过Javascript建立一个跟踪，它会告诉我我搞砸了什么？)
谢谢!
表单代码：
<%@ Page Language="VB" AutoEventWireup="false"
浏览 3提问于2015-03-30得票数 0
我正在从Bootstrap 2转移到Bootstrap 3。在旧版本中，我使用的是具有长内容的模态，当达到给定的最大高度时，模态会自动滚动。
在Bootstrap 3中，模式只是扩展以显示整个内容，我必须使用page down键才能实际到达它的末尾，并看到模式页脚中的按钮。我不能使用浏览器窗口最右边的滚动条，因为它被背景所覆盖，而且在任何情况下都不能直观地滚动模式框中的内容。
如何在bootstrap 3中实现当达到最大高度时自动插入滚动条来滚动内容的模式？
我尝试将max height设置为modal类，如下所示：
.modal{
max-height:80%;
}
.modal-he
浏览 0提问于2014-11-08得票数 27
回答已采纳
1回答
(我知道有一堆这样的问题，但似乎没有一个能回答我的具体情况。) 我正在尝试让bootstrap模式显示在Rails视图中，但关联的按钮什么也不做-单击它除了按钮交互效果之外，根本没有任何效果。据我所知，bootstrap通常被设置为正常工作；这似乎不是我的问题。 Modal html，其中大部分是直接从引导程序文档复制的： <div id="new_event">
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" da
浏览 7提问于2021-10-28得票数 0
1回答
所以我有一个有12个按钮的网站。其中6个按钮需要启动一个带有不同视频的弹出窗口，6个按钮需要启动一个带有6个图像的弹出窗口。
现在，我正在试验一个显示图像的弹出窗口。这很容易，我设置了一个州
const [showModal, setShowModal] = useState(false);
然后我有一个按钮来设置显示onClick，然后显示一个模型-例如
<button className="buttonGeneral" onClick={()=>setShowModal(true)}>SUMMARY11</button> <ModalRe
浏览 1提问于2022-03-09得票数 0
1回答
我有一个div，在这个div中，我加载了一个打开bootstrap 3模式的按钮：
<div id="test">
Here comes the button...
</div>
使用ajax，我将这个按钮加载到div#test中
<button data-toggle="modal" target="#modal">Open the modal</button>
但是我怎样才能重新启动Bootstrap 3(在ajax加载div中的按钮之后)，这样我就可以打开模式了？
浏览 0提问于2021-02-18得票数 0
我正在VS 2017中创建一个页面，它使用bootstrap模式作为弹出窗口。当我将for放在asp.net表单中时，该模式会打开，然后立即关闭。当我将按钮放在窗体外时，模式工作正常。我尝试过使用asp.net按钮和OnclientClick，但都不起作用。我试过按钮中的onClick，但不起作用。我试过type="button"，不起作用。有没有办法阻止按钮导致提交。下面是代码。
<form runat="server">
----some code
<div runat="server" id="bt
浏览 36提问于2018-08-01得票数 0
回答已采纳
4回答
如何在选中复选框并单击按钮后关闭弹出模式？ 如果未选中复选框，则不关闭模式。复选框和按钮放置在modal中。当我选中复选框并单击按钮时，模式未关闭。 $(document).ready(function(){
$('.one:checked').on('click' , '.close_model' , function(){
dialog('close');
});
}); <!DOCTYPE html>
<html lang="en">
<head>
浏览 57提问于2017-10-21得票数 0
回答已采纳
我创建了一个函数appendScript，它将在一个按钮上被调用，单击我的函数代码是
function appendScript() {
var v_js;
var head = document.getElementsByTagName('head')[0];
v_js = document.createElement('script');
v_js.type = 'text/javascript';
v_js.src = "/resource/1372205606000/jquery_min_j
浏览 4提问于2013-06-26得票数 1
我有一个按钮代码，有人创造了它。以下是按钮代码：
<button class="demo btn btn-primary" data-toggle="modal" href="#long" onClick="javascript:add();"><i class="icon-plus-sign icon-white"></i> Add Employee</button>
我已经编辑了与按钮相关的函数(从按钮发送新数据，并在函数中调用它)，但什么也没有发生。然后我试着
浏览 2提问于2014-06-24得票数 8
我正在创建一个引导模式，其中将包含一个图像。一切都很完美，但是出于某些原因，我不能改变按钮的样式。
我已经尝试通过在CSS中调用它的类来更改main按钮的颜色。但它并不合作。
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css
浏览 51提问于2021-03-13得票数 0
回答已采纳
2回答
我正在使用jQuery AJAX创建元素，因此当单击按钮时，会加载一个页面，该页面将预先生成对其中一个按钮的单击。
这意味着，当加载新数据时，需要触发一个click事件，将一个模式加载到表单中，而不需要用户实际单击该按钮。
加载的页面如下所示：
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" style="display: none;" id="myModalBut
浏览 4提问于2015-10-28得票数 0
回答已采纳
5回答
我需要能够改变一个模式内的内容取决于被点击的按钮。 例如，如果一个按钮被点击，它将只显示带有class ' one‘的div，而其他按钮将保持隐藏状态。 $('#exampleModalCenter').modal('toggle') <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="btn&#
浏览 90提问于2021-07-16得票数 0
回答已采纳
我尝试使用Twitter Bootstrap创建模式窗口，代码如下
<link rel= "stylesheet" href = "/static/bootstrap/css/bootstrap.css" >
<script src ="/static/bootstrap/js/bootstrap-modal.js" ></script>
<script type = "text/javascript" src= "/static/bootstrap/js/bootstrap.js
浏览 1提问于2012-08-11得票数 0
回答已采纳
3回答
我有五个按钮，它可能是多个按钮上点击引导模式打开。它工作得很好，但有一个问题，我如何检查我点击的地方？因为所有按钮的模式都是相同的。
这是我的代码：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"><
浏览 0提问于2018-07-03得票数 0
我已经通过纱线命令添加了jquery，并修复了config/webpack/environment.js.中的一些部分。
什么以及如何与modal.js.erb联系？
我在application.html.erb.上测试的JQuery正在工作
environment.js
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.append(
'Provide',
new webp
浏览 3提问于2021-07-05得票数 0
3回答
从按钮关闭模式
、、
我用的是bootstrap-vue作为模态。当我单击按钮OPEN MODAL时，它打开了包含页脚按钮的模态，如OK和CANCEL。这些按钮关闭模式，作为它从引导-vue预定义的代码。
我试图在名为CLOSE MODAL USING THIS BUTTON的模型中添加按钮，这应该关闭该模型，但它没有。有没有办法使CLOSE MODAL USING THIS BUTTON脱离模态？
视图
<div id="app">
<b-button v-b-modal.modal-scrollable variant="info" v-on:click=&
浏览 2提问于2020-06-15得票数 0
回答已采纳
有没有办法在bootstrap-vue中从另一个模式打开一个新模式？
<div>
<b-btn v-b-modal.modal1>Launch demo modal</b-btn>
<b-modal id="modal1" title="Bootstrap-Vue">
<b-btn v-b-modal.modal2>Launch another modal</b-btn>
<b-modal id="modal2" title="Boots
浏览 5提问于2018-10-12得票数 1
2回答
下面是一个非常简单的页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
浏览 1提问于2014-05-23得票数 0
回答已采纳
我尝试了所有的方法，我没有两个bootstrap文件，但是当点击登录按钮时，这个模式会自动关闭。
问题：
你可以在这里看到：
这是代码:我已经添加了在单击按钮后淡出关闭的脚本
$('#modal-close').click(function(){
$('#loginpop').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
});
$('#modal-cle
浏览 1提问于2017-10-31得票数 2
21回答
我正在做一个使用bootstrap的网站。
基本上，我想在主页中使用一个模式，通过英雄单位中的按钮来召唤。
按钮代码：
<button type="button"
class="btn btn-warning btn-large"
data-toggle="modal"
data-target="#myModal">Open Modal</button>
模式代码：
<div class="modal hide fade" id="myModal&#
浏览 112提问于2012-12-01得票数 216
回答已采纳
1回答
如何在单个按钮上打开多张图片
、、、、
我做了四个按钮与单一的引导模式&一个按钮在引导模式打开图片根据点击四个按钮。
现在，单个引导模式是打开的每一个按钮点击&一个按钮内模式(“打开文档”)，我想工作，就像.
如果有人通过open Modal2打开模式，那么点击"open document“就应该按照模式2打开图片。
我做不到有人能做到吗？
.buttons{ margin:20px;}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesh
浏览 2提问于2017-07-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
