Jquery EasyUI 弹出div对话框引入其他页面(iframe)
2015-12-17 14:59
711 查看
在jquery easyui官方下载最新版demo1.4.4。。
引用
引用
<link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquery.min.js" type="text/javascript"></script> <script src="../js/jquery.easyui.min.js" type="text/javascript"></script>
//url:窗口调用地址,title:窗口标题,width:宽度,height:高度,shadow:是否显示背景阴影罩层 function showMessageDialog(url, title, width, height, shadow) { var content = '<iframe src="' + url + '" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>'; var boarddiv = '<div id="msgwindow" title="' + title + '"></div>'//style="overflow:hidden;"可以去掉滚动条 $(document.body).append(boarddiv); var win = $('#msgwindow').dialog({ content: content, width: width, height: height, modal: shadow, title: title, onClose: function () { $(this).dialog('destroy');//后面可以关闭后的事件 } }); win.dialog('open'); }
相关文章推荐
- 【jQuery】调用live()方法绑定元素的事件
- 【jQuery】下拉列表框的change事件
- 【jQuery】文本框的focus和blur事件
- 【jQuery】调用trigger()方法手动触发指定的事件
- jQuery全屏滚动插件FullPage.js中文帮助文档API
- 【jQuery】使用one()方法绑定元素的一次性事件
- 【jQuery】使用unbind()方法移除元素绑定的事件
- jQuery实现进度条效果代码
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- [前端] jquery验证手机号、身份证号、中文名称
- 【jQuery】使用toggle()方法绑定多个函数
- JQuery easyUI datagrid 排序,使用sorter自定义排序
- 文本框去空格,jquery用在不同浏览器
- 解决jQuery版本冲突的方法
- 集成iscroll 下拉加载更多 jquery插件
- jQuery自定义方法
- 【jQuery】使用hover()方法切换事件
- 【jQuery】使用bind()方法绑定元素的事件
- 【jQuery】页面加载时触发ready()事件
- jQuery强大的模态对话框消息框Lightbox jAlert 插件