Question

有没有一种简单明了的方法让Colorbox充当对话窗口？我知道有足够的事件可以解决，但我无法以一种漂亮的方式构建它。 ..或者现有的方法是替换 close按钮与ok/cancel或yes/no或其他按钮..？

编辑：我需要能够传递一些返回函数（类似于一个事件）并根据对话框（框）中的按钮单击执行该函数。功能类似于jQuery UI Dialog“按钮”

Answer 1

DEMO： http://so.lucafilosofi.com/convert-jquery-colorbox-to-act-as-a-user-dialog

<强> JS

    $(function() {
        $(".example").colorbox({
            onOpen : function() {
                $('#cboxClose').html('<div id="cboxClose"><a class="btn" href="#yes">yes</a><a class="btn" href="#no">no</a></div>').children().unwrap('<div>');
            }
        });

        $(document).on("click", "a.btn", function(e) {
            if (this.hash == '#yes')
                alert('yes');
            else
                alert('no');

            return false;
        });
    });

CSS colorbox reset

#cboxClose {
    background: transparent;
    width: auto;
    height: auto;
    text-indent: 0;
}

更新（使用最新的 jQuery 1.9.1 和 colorbox 1.4.4 ）

转换jQuery Colorbox作为用户对话框？

1 个答案: