Bootbox.js – twitter bootstrap构建的对话框组件

Bootbox.js是使用twitter所发布的bootstrap框架而写成的对话框组件。

如何使用

HTML

    
    

        Hello world!
    
    
    

        OK
    

JavaScript

// 确保对话框只在页面加载完成后显示
$(function() {
    // 点击之后隐藏对话框
    $("#myModal").bind("show", function() {
        $("#myModal a.btn").click(function(e) {
            // 这里放点击后的代码
            // 我们这里只放一点示例内容
            console.log("button pressed: "+$(this).html());

            // 隐藏对话框
            $("#myModal").modal('hide');
        });
    });

    // 对话框隐藏后就可以删除事件监听了
    $("#myModal").bind("hide", function() {
        // 所谓“松绑”
        $("#myModal a.btn").unbind();
    });

    // 最后再设置对话框本身
    $("#myModal").modal({
      "backdrop"  : "static",
      "keyboard"  : true,
      "show"      : true    // 这个参数确保对话框立即显示
    });
});

许可证

Bootbox.js使用MIT协议进行发行。