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

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

<script>

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

Answer 3

如果你用谷歌搜索那个弹出窗口，你会得到很多例子，那么你可以根据你的要求自定义，下面是一些演示链接

演示 1

演示 2

演示 3