如何從另一個頁面打開引導模態？

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

我遇到了同樣的問題，並且在此鏈接中找到了解決方案。 假設您有2頁，

• First.html->包含模式的錨點

• Second.html->包含模態的定義

基本上，您需要在“ Second.html”中對模式的位置進行href設置，並以數據為目標的模式ID

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

然后仍然在First.html中，您需要使用id定義模態，直到modal-content

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