irisAndKevin 发表于 2013-2-7 15:15:08

juqery Ui弹出窗体

html代码如下 :
<a href="${ctx}/approved/viewAppr.do?nodeId=${approveStep.nodeId}" class="contactModal" >Pass/Reject</a>
 
<div id="modalDialog"></div>
 
js代码:
 
$(document).ready(function() {
$(".contactModal").unbind('click').bind('click', function() {

   var title="Feedback";
   $("#modalDialog").load($(this).attr("href"), function() {

    var minheight = 200;
    var minwidth = 300;
    $("#modalDialog").dialog({
   modal: true,
   minHeight:minheight,
   minWidth:minwidth,
   title:title
    });
   });
   return false;
});
});
 
需要的js有:
jquery-ui-1.9.1.custom.css
jquery-ui-1.9.1.custom.js
页: [1]
查看完整版本: juqery Ui弹出窗体