asp.net-mvc-3 - Jqueryを使用してボタンをクリックするとポップアップが表示されます

Question

Razor html を使用しています。ボタンをクリックすると、divResults div がポップアップに表示される必要があります。Jquery.pls ヘルプを使用してポップアップを行うのが好きです

 <div id="divResults ">
       <div class="HeadBold">
            Results
        </div>
       <div class="row MarginTop">
           <div class="col1">
              <label>
                Test
              </label>
               <label id="lblPjtEligible">
                     Test</label>
            </div>
        </div>

    </div>

Answer 1

使用するjQuery dialog

http://jqueryui.com/dialog/#modal-form

ここで例を見つけました - http://jsfiddle.net/rniemeyer/hnm2n/

$(element).dialog({
    close: function() {
        if (ko.isWriteableObservable(value)) {
           value(null);   
        }
    }
}); 

MVC 開発者として、ブートストラップ UI テーマのモデル ウィンドウを好みます。

リンク - http://getbootstrap.com/2.3.2/javascript.html#modals

Answer 2

そのポップウィンドウをグーグルで検索すると、多くの例が得られます。要件に応じてカスタマイズできます。以下はデモへのリンクです

デモ1

デモ 2

デモ 3

Answer 3

  <div id="resultsOuterDiv">
<div id="resultsInnerDiv"></div>
  </div>

<script>

  function buttonClick()
  {
   $('#resultsOuterDiv ').dialog();
   $('#resultsInnerDiv').html('Your result here');
  }
 </script>