Jquery: how to open external link in same window

Question

I have the following code set up to open a URL in a the same Window but requires two clicks to open, any idea's why?

            $('button.more-details-link').on("click",function(){
                window.open(url, '_self')
            });

Did you mean to open the up the URL in the _same_ window? If not, then you want your target to be `_blank` instead of `_self`. — patstuart, Sep 09 '15 at 14:38

score 4 · Accepted Answer · answered Sep 09 '15 at 14:39

Try wrapping it in a document ready function: https://jsfiddle.net/z2b08x7t/

$(function(){ 
$('button.more-details-link').on("click",function(e){
     e.preventDefault();
     var url = "google.com"
                window.open(url, '_self')
            });
    });

Or if you want to open it in a blank window:

 $(function(){ 
    $('button.more-details-link').on("click",function(e){
         e.preventDefault();
         var url = "google.com"
                    window.open(url, '_blank')
                });
        });

score 0 · Answer 2 · answered Sep 09 '15 at 14:48

$(function() {
$('button.more-details-link').on('click', function(){
  window.open('url', 'window name', 'window settings');
  return false;
});
});

or you can use

$(function(){
  $('yourselector').prop('target', '_blank');
});

For details regarding window.open() you can check this article

Jquery: how to open external link in same window

2 Answers2