Dialog query

最新推荐文章于 2021-04-02 21:04:12 发布

原创最新推荐文章于 2021-04-02 21:04:12 发布 · 898 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dialog #query #stylesheet #function #iframe #button

本文介绍如何利用jQuery和HTML创建一个动态加载内容的模态框。通过在页面上定义一个空的div作为模态框容器，并使用按钮触发，可以打开包含用户基本信息的模态对话框。模态框中的内容通过iframe从服务器动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在页面中引入：

2.在页面中加入层

3.添加一个按钮

4.写对应的opens方法

function opens(userid){
var url="<%=contextPath%>/user/lookUser.action?usertable.userid="+userid;
   $('#dialog-modal').html('<iframe width="100%" height="100%" name="dialog-modal-iframe" src="'+url+'" scrolling="no" frameborder="0" ></iframe>');
    $('#dialog-modal').dialog('open');
   }

5.dialog设置

$(function(){

$("#dialog-modal").dialog({
             buttons: {
                 "关闭": function(){
                  //addIframeData();
                  $("#dialog-modal").dialog("close");
                  }
               } ,
       stackfix: true,
          autoOpen: false,
                width: 600,
                height: 650,
                position: 'middle',
               modal: true         //true:模态, false:非模态
    });

})