jquery.bootstrap.teninedialog.js使用说明

来源:互联网 发布:js import from 用法 编辑:程序博客网 时间:2024/05/20 16:43

    jquery.bootstrap.teninedialog.js使用说明

    不支持调用远程文件

    GitHub 下载插件 压缩版

    引入jquery、bootstrap和jquery.bootstrap.teninedialog.js插件文件

    完整例子代码:

                    $.teninedialog({                    title:'系统提示',                    content:'确认删除本条记录?',                    showCloseButton:true,                    otherButtons:["确定","取消"],                    otherButtonStyles:['btn-primary','btn-primary'],                    bootstrapModalOption:{keyboard: true},                    dialogShow:function(){                        alert('即将显示对话框');                    },                    dialogShown:function(){                        alert('显示对话框');                    },                    dialogHide:function(){                        alert('即将关闭对话框');                    },                    dialogHidden:function(){                        alert('关闭对话框');                    },                                        clickButton:function(sender,modal,index){                        alert('选中第'+index+'个按钮:'+sender.html());                        $(this).closeDialog(modal);                    }                });            

    运行例子

    最简单的调用

                    $.teninedialog({                    title:'系统提示',                    content:'确认删除本条记录?'                });            

    运行例子

    参数配置

            //调用方式        $.teninedialog(options);        /**********************************/        //options 配置        var defaults = {            title:'标题',            content:'内容',            showCloseButton:true,//显示关闭按钮            otherButtons:[],//其他按钮文本,样式默认,["确定","取消"]            otherButtonStyles:[],//其他按钮的样式,['btn-primary','btn-primary'],bootstrap按钮样式            bootstrapModalOption:{},//默认的bootstrap模态对话框参数            dialogShow:function(){},//对话框即将显示事件            dialogShown:function(){},//对话框已经显示事件            dialogHide:function(){},//对话框即将关闭            dialogHidden:function(){},//对话框已经关闭事件            clickButton:function(sender,modal,index){}//选中按钮的序号,排除关闭按钮。sender:按钮jquery对象,model:对话框jquery对象,index:按钮的顺序,otherButtons的数组下标        }            

    站长统计 彼岸之远

原创粉丝点击