`

JQuery打开dialog

 
阅读更多
showDialog("dialog")

function showDialog(elementId){
    $('#' + elementId).dialog({
        autoOpen: false,
        modal:true,
        width:580,
        position:['center',100]
    });
    $('#' + elementId).dialog('open');
}

 

HTML

<div id="dialog" border="1" style="display:none;" title='AAA'>
				
</div>

 

上述是使用JQuery方式,需要先引入JQuery库,如:jquery-1.7.js,jquery-ui-1.8.16.custom.min.js,jquery-ui-1.8.16.custom.css

分享到:
评论

相关推荐

    jquery ui Dialog 添加最大最小化按钮控制

    两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230

    动画过渡效果jQuery打开模态窗口代码.zip

     &lt;div class="modal-dialog"&gt;   × ... 一款在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果的jQuery打开模态窗口代码。

    Dialog 插件 for Jquery

    可以将任何html标记Dialog起来~~~ 使用方法: $("#id").XDialog(); 关闭方法: $("#id").XDialog({isOpen:false});...和JqueryUI Dialog 的区别, 没有默认的title区域,不做任何封装,直接Dialog指定的对象!

    jQuery EasyUI Dialog拖不下来如何解决

    使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题:  用户将dialog拖出页面后,dialog就不能拖下来了,除非要重新打开页面,这个问题对于用户体验来说是非常重要的, ...

    jQuery UI库中dialog对话框功能使用全解析

    对话框(dialog),是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScript 的alert&#40;&#41;、prompt&#40;&#41;等方法,也避免了新窗口或页面的繁杂冗余。 一.开启多个dialog  只要设置不同的id 即可实现。 ...

    jQuery Dialog 打开时自动聚焦的解决方法(两种方法)

    主要介绍了jQuery Dialog 打开时自动聚焦的解决方法,及jquery dialog打开时,自动聚焦在第一个控件上的方法,对jquery dialog相关知识感兴趣的朋友通过本文一起学习吧

    jQuery模态弹出层对话框,Dialog,可关闭.rar

    jQuery Dialog弹出层对话框插件演示,简单的那种,看上去比较不错,下面说一下用法: 基本操作 默认的 new Dialog(‘这是一个默认对话框‘).show(); 非模态对话框 new Dialog(‘非模态对话框,可以打开多个.,{modal...

    jquery-popup-dialog:jQuery 弹出对话框插件

    添加到现有 API 方法中,用于管理块的内容,自动检测.popup-content包装器并支持 html 触发器data-dialog="selector"用于可点击元素以自动初始化和打开对话框。要求: jQuery 1.7+,插件浏览器兼容性: Internet ...

    为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能

    代码如下:$(“#dialog”).dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出来为:” , “(不含双引号),或者报错,不知什么原因。 height: 300, modal: true, buttons: { ‘创建新...

    jquery Dialog 弹出窗口,网页弹出框插件

    摘要:脚本资源,Ajax/JavaScript,弹出窗口,浮动层 jquery Dialog 弹出窗口,网页弹出框插件,一款网页浮动层效果,加载的比较慢,调用了远程的CSS资源,请耐心等待加载完毕。  如上图所示,当加载完毕后,点击...

    Jquery弹出框源码

    new Dialog('非模态对话框,可以打开多个!',{modal:false}).show(); 自动关闭 new Dialog('5秒后自动关闭',{time:5000}).show(); 非fixed模式 new Dialog('对话框不随滚动条移动',{fixed:false}).show(); 显示指定...

    Jquery 弹出窗体插件

    jquery弹出窗体插件,非常好用,支持模式/非模式对话框,支持框中嵌套子框,支持最大化,最小化,关闭,取消按钮,可编程添加自定义按钮,丰富的事件和函数,支持不同的皮肤,可加载iframe页面。demo和文档内容丰富...

    jquery showModelDialog的使用方法示例详解

    这个需求我一开始考虑得就是使用jQuery Dialog。但是看到这个项目没有使用而是使用showModelDialog,所以为了统一,也需要使用showModelDialog。window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框...

    timeout-dialog.js:一段时间后显示超时弹出框的 JQuery 插件

    timeout-dialog.js Timeout-dialog.js 是一个 JQuery 插件,它在一段时间后显示超时弹出框。 每当您想向用户显示登录会话即将到期时,都应使用超时对话框。 它创建了一个带有倒计时和选项的灯箱,以保持登录或退出。...

    基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)

    今天介绍的Jquery Dialog Plugins AeroWindow ,是其中最个性的一款,因为他拥有神似Windows 7 Aero效果的肉身。 效果图:演示: 官方演示 本地演示 特点 独特: 窗口移动时标题栏反光效果 窗口按钮:最小化,减少,...

    service.dialog.jquery

    service.dialog.jquery是另一个用于打开对话窗口的 jquery 组件。 我知道有很多这样的对话框插件,所以你可能想知道为什么是这个。 好吧,对我来说,有几件事对于此类插件很重要(对于几乎所有其他类型的插件也有...

    jquery.model:jquery实现手机框架

    jquery.model 实现手机框架(功能要求),尽量用css3的translate3d来控制页面切换效果,js只是来控制点击(focus)对dom的样式操作(addClass、removeClass、toggleClass) 界面结构 状态 打开样式 说明 status 在...

Global site tag (gtag.js) - Google Analytics