Question

我通过 bootboxjs 创建了一个模态对话框，其中包含选项show: false

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

如何显示该对话框（例如点击事件）？

谢谢！

Answer 1

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

注意：我正在使用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"
       });
    };
});

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

显示隐藏的bootboxjs对话框

1 个答案: