javascript - 显示隐藏的 bootboxjs 对话框

Question

我通过bootboxjs创建一个模态对话框，带有选项show: false

  bootbox.dialog({
    message: "Whatever",
    show: false,
  });

然后我怎样才能显示该对话框（例如在点击事件上）？

谢谢！

Answer 1

我之前没有使用过 Bootbox，但是在查看了源代码之后，您将data-bb="dialog"属性添加到按钮上。然后，在脚本顶部定义一个 click 函数：

注意：我正在使用demo命名空间。我在他们在页面上使用的源代码中看到了它。所以改变这个

$(function() {
    var demos = {}; // object namespace

    $(document).on("click", "a[data-bb]", function(e) { // all buttons that have this attribute
        e.preventDefault();
        var type = $(this).data("bb"); // get what type it is (alert, dialog, etc.)

        if (typeof demos[type] === 'function') {
            demos[type](); // run that type (demos.alert(), demos.dialog(), etc.)
        }
    });

    demos.dialog = function() {
       bootbox.dialog({
          message: "Whatever"
       });
    };
});

希望这在某种程度上有所帮助