解决kindeditor dialog弹出窗口在函数内调用方法!!

Javascript 2234 0 2013-04-16

解决kindeditor dialog弹出窗口在函数内调用方法!!
首先让我们来看下官方的演示代码:
var dialog = K.dialog({
        width : 500,
        title : '测试窗口',
        body : '<div style="margin:10px;"><strong>内容</strong></div>',
        closeBtn : {
                name : '关闭',
                click : function(e) {
                        dialog.remove();
                }
        },
        yesBtn : {
                name : '确定',
                click : function(e) {
                        alert(this.value);
                }
        },
        noBtn : {
                name : '取消',
                click : function(e) {
                        dialog.remove();
                }
        }

});

以上代码放在KindEditor.ready(function(K){ .... });里正常显示没有任何问题,问题是我们想把弹出窗口单独放自己定义的函数里,怎么弄?这个问题我想网上有很多朋友都想知道,这里我来解决下,其实嘛.......非常的简单简单!
看下面:
var dialog = KindEditor.dialog({
        width : 500,
        title : '测试窗口',
        body : '<div style="margin:10px;"><strong>内容</strong></div>',
        closeBtn : {
                name : '关闭',
                click : function(e) {
                        dialog.remove();
                }
        },
        yesBtn : {
                name : '确定',
                click : function(e) {
                        alert(this.value);
                }
        },
        noBtn : {
                name : '取消',
                click : function(e) {
                        dialog.remove();
                }
        }
});
发现木??上面的红色是改变过后的,其实就是把原来的“K”改成“KindEditor”,简单吧,现在你直接就可以把它加入到你的函数里了,例:
function jaes_dialog(){
var dialog = KindEditor.dialog({
        width : 500,
        title : '测试窗口',
        body : '<div style="margin:10px;"><strong>内容</strong></div>',
        closeBtn : {
                name : '关闭',
                click : function(e) {
                        dialog.remove();
                }
        },
        yesBtn : {
                name : '确定',
                click : function(e) {
                        alert(this.value);
                }
        },
        noBtn : {
                name : '取消',
                click : function(e) {
                        dialog.remove();
                }
        }
});
}

以后你只调用jaes_dialog这个函数就可以打开窗口了!

信不信由你,反正我是信了~~~哈哈~~~!!

上一篇:jQuery 事件 - ready() 方法

下一篇:bing翻译接口的使用方法

讨论数量:0

请先登录再发表讨论。 2024-04-29

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链