2017-07-19 5 views
0

私はweb-appにspringとjspを使用しています。別のページにページを開くbootstrap jQuery

私はこのようなコンポーネントを作成しようとしている:私は「マスター」ページ内のボタンをクリックすると

enter image description here

を、私は最初のものの上に第2のページを開きたいです。

これを行うためにブートストラップまたはjQueryを使用するコンポーネントはありますか?

それ以外はどうすればよいですか?

答えて

0

modalはどうですか?あなたが簡単にあなたが多くのポップアップオーバーレイアイテムを作成する場合はjqueryのpluging like-(http://www.jqueryscript.net/lightbox/Responsive-Accessible-jQuery-Modal-Plugin-Popup-Overlay.html) のみのインストールが任意の自由ポップアップオーバーレイをインストールすることによってこれを行うことができます ポップアップウィンドウを開くために必要のような例はhere

<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<!-- Modal --> 
<div id="myModal" class="modal fade" 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> 
+0

@Aモーダルはページ全体で開きます。右から左にスライドのように開く – Droide

0

に見えます

関連する問題