I want to show a JQuery dialog conditionally on click event of an hyperlink &lt;a&gt;.

I have a requirement like on condition1 open a JQuery dialogue and if condition1 is not satisfied, navigate to the page as referenced by &#39;href&#39; tag of &lt;a&gt; whose click event is in question.

I am able to call a function on link&#39;s click event. This function now checks the said condition by executing another URL (that executes my Spring controller and returns response).

All works perfect with only window.open being blocked by popup blocker.

   	$(&#39;a[href*=/viewpage?number]&#39;).live(&#39;click&#39;, function(e) {
	    e.preventDefault();
	    redirectionURL = this.href;
	    pageId= getUrlVars(redirectionURL)[&quot;number&quot;];
		$.getJSON(&quot;redirect/&quot; + pageId, {}, function(status) {
			if (status == null) {
				alert(&quot;Error in verifying the status.&quot;);
			} else if(!status) {
				$(&quot;#agreement&quot;).dialog(&quot;open&quot;);
			} else {
				window.open(redirectionURL);
			}
		});
	});
If I remove `e.preventDefault();` from code, popoup blocker doesn&#39;t block the page, however for condition1 it then opens the dialogue as well as opens the &#39;href&#39; page.

If I solve one, it creates issue for another. I am not able to give justice to both conditions simultaneously.

Could you help me solve this issue please?

Once this is solved I have another issue to solve i.e. navigation on dialogue&#39;s OK event :)

All Jquery Callback Solutions on Gang of Coders

Total of 1 Jquery Callback Solutions

Bypass popup blocker on window.open when JQuery event.preventDefault() is set