如何在j预警插件中使用确认

Question

有人知道如何使用jalert确认插件吗?这里是文档：http://flwebsites.biz/jAlert/

为什么我要使用它，我不想prevent多个pop，这是铬的默认行为

​

var name = prompt('please enter your name');


alert(name);

​

我没有得到任何清晰的图片，如何使用它！

Answer 1

从这个issue#5

$.fn.jAlert.defaults.confirmQuestion = 'Do you want to add this?';

confirm(
  function(e, btn){ //onConfirm
    e.preventDefault();
    //do something here
    btn.parents('.jAlert').closeAlert();
    return false;
  }, function(e,btn){ //onDeny
    e.preventDefault();
    //do something here
    btn.parents('.jAlert').closeAlert();
    return false;
  }
);

或

  $.jAlert({
    'type': 'confirm',
    'confirmQuestion': 'Do you want to add this?',
    'onConfirm': function(e, btn){
      e.preventDefault();
      //do something here
      btn.parents('.jAlert').closeAlert();
      return false;
    },
    'onDeny': function(e, btn){
      e.preventDefault();
      //do something here
      btn.parents('.jAlert').closeAlert();
      return false;
    }
  });

创建这个小小提琴来复制确认模式/提示。希望这能有所帮助！

编辑:如果您没有被迫使用jAlert，我还可以建议使用SweetAlert，它具有更简单的接口/初始化(以及更漂亮的UI imo)。它还可以在CDN上使用

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

现在，它可以在全局swal变量下使用

简单的确认提示如下所示：

swal("Are you sure you want to do this?", {
  buttons: ["Oh noez!", "Aww yiss!"],
});

在行动中看到它，这里