javascript - ajax调用后如何防止弹出窗口阻塞？

Question

我正在开发一个 JS 项目，我需要一些弹出窗口，问题是当 ajax 调用后弹出窗口时，浏览器会阻止它，但如果我在用户单击它时直接弹出它，它就会工作好吧。

浏览器将阻止此操作:

$.ajax({
    url: url
}).done(function(data) {
    showPopup();
});

虽然浏览器会让这样:

$('#but').click(function(evt) {
    showPopup();
});

The code on Plunker

Answer 1

在浏览器中阻止弹出窗口

请测试

$('#ajax_but').click(function() {
  $.ajax({
    async: false,
    url: 'data.json'
  }).done(function() {
    popup();
  });
});

或link