如何從另一個JSP頁面調用一個JSP頁面中的引導模態存儲？

我有一個JSP頁面，其中包含整個模態說模態結構（標題，正文和頁腳）。的頁面是像下面如何從另一個JSP頁面調用一個JSP頁面中的引導模態存儲？

<% @ page language = "java" contentType = "text/html; charset=ISO-8859-1" 
pageEncoding = "ISO-8859-1" 
%> 
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <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/1.12.4/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    </head> 
    <body> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
      <div class="modal-dialog"> 

       <!-- Modal content--> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Modal Header</h4> 
        </div> 
        <div class="modal-body"> 
         <p>Some text in the modal.</p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 

      </div> 
     </div> 

    </body> 
</html>

我也有其中上點擊按鈕打開模態另一個JSP頁，與ID的模態myModal存儲在上述JSP頁面將是open.The電流頁面將完好無損，另外還會打開一個模式彈出窗口。這是從那裏，我會打電話的模式

<% @ page language = "java" contentType = "text/html; charset=ISO-8859-1" 
pageEncoding = "ISO-8859-1" 
%> 
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <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/1.12.4/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
     <div class="container"> 
      <h2>Modal Example</h2> 
      <!-- Trigger the modal with a button --> 
      <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
     </div> 
    </body> 
</html>

我如何得到這個網頁？

來源

2016-10-26 Aditya

如果該模式的HTML未在頁面上呈現，則不能在沒有ajax的情況下執行。您需要創建一個ajax函數，它將只獲取模態的HTML代碼並將其放置在當前正文中（可能使用jquery的append），然後您可以顯示它。

來源

2016-10-26 08:16:42 Imaginaroom

首先，你的moal代碼需要是只是 div和東西，你不想嘗試和包括你的代碼中的整個其他html文檔。

你會希望包括文件，無論是通過進口或包括到您的網頁的範圍要使用的模式，然後在JS，做$("#myModal").modal('show')

來源

2016-10-26 13:47:53 zack6849

如何從另一個JSP頁面調用一個JSP頁面中的引導模態存儲？

回答

相關問題