如何从另一个页面打开bootstrap模式？

Question

我在我的Home.asp上有一个登录按钮，可以打开一个模态。我有另一个页面，其中有一个登录/注销按钮。如何在本页的主页上调用模态。

主页。 aspx代码：

<a href="#" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a></li>

第二页代码:(点击此链接点击我想从Home.aspx调用模态）

<a href="#" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a>

Answer 1

我遇到了同样的问题，我在this link找到了解决方案。 我们假设您有2页，

• First.html - ＆gt;包含模态

的锚点

• Second.html - ＆gt;包含模态的定义

基本上你需要 href 你的模态位置＆＃34; Second.html＆＃34;和数据目标您的模态的ID

<li><a href="Second.html" data-target="#theModal" data-toggle="modal">Lab 6</a></li>

然后仍然在您的First.html中，您需要使用 id 定义模式，直到模态内容

<div class="modal fade text-center" id="theModal">
 <div class="modal-dialog">
  <div class="modal-content">
  </div>
 </div>
</div>

在Second.html上，您可以定义模态内容

中的内容

<div class="modal-header">
  ...
</div>
<div class="modal-body">
  ...
</div>
<div class="modal-footer">
  ...
</div>

它对我有用。所有积分都转到Buzinas，我在上面提供的链接上回答了这个问题

Answer 2

在其他页面中调用模态的ID。

Home.aspx中的模式：

<div id="HomeModalId" data-width="500" data-backdrop="static"> Modal Content </Div>

在你的第二页中，链接就像是。

<a href="Home.aspx/#HomeModalId" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a></li>

Answer 3

您的第一页：

 <a href="#" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a></li>`

在第一页底部：

<div id="ModalCLogin" class="modal fade text-center">
    <div class="modal-dialog">
      <div class="modal-content">
      </div>
    </div>
</div>  

在第二页上： “您的情态”

<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="ModalCLogin" class="myModal">