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

How do i edit a Javascript / Bootbox/ Bootstrap confirm window?

本文关键字：Bootbox Bootstrap 确认 窗口 Javascript 何编辑 编辑      更新时间：2023-09-26

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

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

  1. 我如何使成功按钮链接到谷歌，危险按钮链接到yahoo.com和点击我按钮关闭框?

  2. 我如何改变窗口的位置，使其在页面的中间?

你可以尝试这样设置中间的模态:

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');

在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";
相关文章：