How can I prevent popup blocking after ajax call?

Question

I'm working on a JS project where I need for some popups, the problem is that when the popup is being made after an ajax call then the browser will block it but if I make it directly when the user clicking it's working well.

The browser will block this:

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

While the browser will let this:

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

The code on Plunker

have you considered lightboxes or modals, or is that not an option? — Abdul Ahmad, Apr 19 '15 at 03:59
@dandavis, I will consider that solution if couldn't find another one. — Raeef Refai, Apr 19 '15 at 04:12
you won't find another one, unless you use sync ajax: the call to window.open needs an interaction event in the call stack or it won't fire. your popup should say something like "loading..." at first, and then update once the data is available. — dandavis, Apr 19 '15 at 04:13
[see this question](http://stackoverflow.com/questions/20822711/jquery-window-open-in-ajax-success-being-blocked) — John S, Apr 19 '15 at 04:14
You will have a world of trouble trying to generate a new tab or modal dialog without if being triggered directly from a user interaction. Your best bet is to go with using a internal popup/div style or changing how you generate the popup.. — Angry 84, Apr 19 '15 at 04:27

score 0 · Answer 1 · edited May 23 '17 at 12:22

0

in browser block popup

please test

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

or link

edited May 23 '17 at 12:22

Community

1
1

answered Apr 19 '15 at 04:14

MJ Vakili

2,798
1
19
25

I'm not really using **$.ajax** I just put it to give a simple example, I'm using **Restangular** – Raeef Refai Apr 19 '15 at 04:23

How can I prevent popup blocking after ajax call?

1 Answers1