jQuery ui1.7 dialog只能弹出一次问题_jquery

复制代码 代码如下:

// 显示确认对话框
function showConfirm(txtTitle, txtMsg, callback){
getDivDialog().text(txtMsg).dialog({
        modal: true
        , overlay: {
            opacity: 0.5
        }
        , title: txtTitle
        ,buttons: {
            "是" : function(){
                callback();
                $(this).dialog("close");
            }
            ,"否" : function(){
                $(this).dialog("close");
            }
        }
    });
}

但是在使用ui.1.7.1 的时候,每次按钮的click事件只能让dialog显示一次。无语。。。
查看官方文档也没有什么解释。 Google了一把,发现,在ui.1.7.1中dialog必须首先初始化。
在document.ready(function(){
// 初始化dialog
})

复制代码 代码如下:

$("#layout-confirm").dialog({
autoOpen: false,
modal: true,
title: "删除"
    });

后面的使用中,还有一点是需要注意的:
因为有些dialog参数是变量传递进去的,所以,必须先把option附加上,然后再open
代码示例:

复制代码 代码如下:

delText.click(function(){
        $("#layout-confirm").dialog(
            'option'
            , 'buttons'
            ,{
                "确定": function() {
                    if(file.type == 0){
                        deleteFolder(file.path);
                    }
                    else{
                        deleteFile(file.path);
                    }
                }
                ,"取消":function(){
                    $(this).dialog("close");
                }
            }
        );
        $("#layout-confirm").dialog("open");
});

ok,搞定~~

时间: 2024-11-05 14:47:33

jQuery ui1.7 dialog只能弹出一次问题_jquery的相关文章

jQuery实现的AJAX简单弹出层效果代码_jquery

本文实例讲述了jQuery实现的AJAX简单弹出层效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

jquery实现简单实用的弹出层效果代码_jquery

本文实例讲述了jquery实现简单实用的弹出层效果.分享给大家供大家参考.具体如下: 目前来说,我还是喜欢这个自己改造的弹出层,在项目中用的也是这个.引入了新版的jquery插件,方框及文字都可以自己定义,非常方便,希望大家也喜欢这款弹出层,JavaScript在本例中也充分发挥了作用,对学习JS也是不错的参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-simple-alert-style-demo/ 具体代码如下: <!D

jquery判断浏览器后退时候弹出消息的方法_jquery

浏览器后退时必定会有一些消息,这里使用jquery判断浏览器后退并弹出消息 jQuery(document).ready(function ($) { if (window.history && window.history.pushState) { $(window).on('popstate', function () { var hashLocation = location.hash; var hashSplit = hashLocation.split("#!/&quo

jQuery实现时尚漂亮的弹出式对话框实例_jquery

本文实例讲述了jQuery实现时尚漂亮的弹出式对话框.分享给大家供大家参考.具体如下: 这是一款十分简洁漂亮的HTML5弹出对话框效果,基于jQuery来实现,引入了jquery1.6.2库. 本效果描述:用鼠标点击一下右上角的小图标,会弹出一个层对话框,里面可以提交留言.评论之类的. 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="

用jquery中插件dialog实现弹框效果实例代码_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

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

今天介绍的Jquery Dialog Plugins AeroWindow ,是其中最个性的一款,因为他拥有神似Windows 7 Aero效果的肉身. 效果图:演示: 官方演示 本地演示 特点 独特: 窗口移动时标题栏反光效果 窗口按钮:最小化,减少,最大化和关闭 双击窗口标题栏最大化,缩小 活动窗口突出显示 更改窗口大小(resize) 鼠标拖拽窗口 N多个配置选项 配置选项 窗口标题 窗口的起始位置的X / Y 窗口大小 最小的窗口大小 打开窗口的可用状态(最小化,最大化,正常) 窗口动画

jQuery 弹出层插件(推荐)_jquery

最近在研究弹出层插件时发现网上很多插件功能很强大,同时插件也很庞大.在这里个人写了一个比较秀珍的弹出层插件. jquery.popdialog.js $(function () { $.fn.PopDialog = function (options) { var defaults = { Event: "click", //触发响应事件 title: "title", //弹出层的标题 type: "text", //弹出层类型(text.容器

JQuery插件fancybox无法在弹出层使用左右键的解决办法

 本篇文章主要是对JQuery插件fancybox无法在弹出层使用左右键的解决办法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 JQuery插件fancybox解决无法在弹出层使用左右键的问题.无法使用的原因在于,插件接管了左右键,用于多张图片的翻页.   如果不需要这个功能,可以在fancybox插件中,禁止接管就好了.   具体在插件下的js文件 jquery.fancybox-1.3.4.js 中的598行,注释掉就好了.   // _set_navigation();   

dwz框架-DWZ弹出dialog时弹出错误

问题描述 DWZ弹出dialog时弹出错误 添加 在打开过程中报错0x800a138f - JavaScript 运行时错误: 无法获取未定义或 null 引用的属性"open" $.pdialog.open(url, rel, title, options);中options的close是undefined, param为空