Question

我有一个简单的bootbox / javascript确认窗口：

https://www.guard-gate.com/test2/index.html

如何制作成功按钮链接到谷歌，危险按钮链接到yahoo.com，点击我按钮关闭框？
如何更改窗口的位置以使其位于页面中间？

Answer 1

你可以尝试这样的东西来设置中间的模态：

var windowHeightCalc = $(window).height() / 2,
    modalHeightCalc = $('.modal-content').height();

$('.modal').css({ 'margin-top': [windowHeightCalc - modalHeightCalc, 'px'].join('') });

你真的不需要Bootbox来使模态只使用默认的Bootstrap模式 - http://getbootstrap.com/javascript/#modals

您可以修改它并根据需要更改链接。要打开它，只需运行：

$('#myModal').modal('show');

并隐藏它：

$('#myModal').modal('hide');

Answer 2

在Bootbox中，您可以尝试使用文档建议您的内容：

bootbox.dialog({
  message: "I am a custom dialog",
  title: "Custom title",
  buttons: {
    success: {
      label: "Success!",
      className: "btn-success",
      callback: function() {
        Example.show("great success");
      }
    },
    danger: {
      label: "Danger!",
      className: "btn-danger",
      callback: function() {
        Example.show("uh oh, look out!");
      }
    },
    main: {
      label: "Click ME!",
      className: "btn-primary",
      callback: function() {
        Example.show("Primary button");
      }
    }
  }
});

在回调中你可以做任何事情。对于JS重定向，您可以这样做：

window.location.href = "http://whatever.com";

如何编辑Javascript / Bootbox / Bootstrap确认窗口？

2 个答案: