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 Developer我更喜欢bootstrap UI主题的模型窗口。

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

如果您在弹出窗口中搜索它，您将获得大量示例，然后您可以根据您的要求自定义，下面是演示的一些链接

DEMO 1

DEMO 2

DEMO 3

使用Jquery单击按钮时弹出

3 个答案: