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

2024-10-02 19:51:48

代码如下:

// 显示确认对话框
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，搞定~~

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

复制代码代码如下: // 显示确认对话框 function showConfirm(txtTitle, txtMsg, callback){ getDivDialog().text(txtMsg).dialog({ modal: true , overlay: { opacity: 0.5 } , title: txtTitle ,buttons: { "是"
jQuery实现单击按钮遮罩弹出对话框效果（1）

本文实例为大家分享了jQuery实现单击按钮遮罩弹出对话框的具体代码,供大家参考,具体内容如下看到网上一位大神的代码后,大概进行了注释,调试了一下页面以后感觉不错,留作以后使用. 主要用到了:/jquery-1.10.2.min.js 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <tit
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)

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

本文实例为大家分享了jQuery实现单击按钮遮罩弹出对话框的具体代码,供大家参考,具体内容如下看到网上一位大神的代码后,大概进行了注释,调试了一下页面以后感觉不错,留作以后使用.主要用到了:/jquery-1.10.2.min.js代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title
jquery div提示框渐隐弹出与隐藏效果

jquery div提示框渐隐弹出与隐藏 *{margin:0;padding:0;font-size:12px;} input{width:120px;height:30px;cursor:pointer;} #note{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;display:none;} $(function(){ $('inp
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实现时尚漂亮的弹出式对话框.分享给大家供大家参考.具体如下: 这是一款十分简洁漂亮的HTML5弹出对话框效果,基于jQuery来实现,引入了jquery1.6.2库. 本效果描述:用鼠标点击一下右上角的小图标,会弹出一个层对话框,里面可以提交留言.评论之类的. 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="
jQuery实现点击按钮弹出可关闭层的浮动层插件

本文实例讲述了jQuery实现点击按钮弹出可关闭层的浮动层插件.分享给大家供大家参考.具体如下: 这是一款由漫画Jquery弹出层插件改编而来,小鸟Js弹窗插件,按ESC可以关闭窗口.默认不带样式,大家可以根据自己的项目写样式.弹出层代码很小,min版的只1.15k,因为小所以值得应用.希望有网友可以再改进,希望她变得更小. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-close-able-alert-dlg-plug-codes/ 具
jQuery实现的AJAX简单弹出层效果代码

本文实例讲述了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插件,方框及文字都可以自己定义,非常方便,希望大家也喜欢这款弹出层,JavaScript在本例中也充分发挥了作用,对学习JS也是不错的参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-simple-alert-style-demo/ 具体代码如下: <!D

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

相关推荐

随机推荐