如何在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