Jquery：如何在同一个 window 中打开外部 link

Question

我将以下代码设置为在同一个 Window 中打开一个 URL，但需要单击两次才能打开，知道为什么吗？

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

Answer 1

尝试将其包装在文档就绪函数中： https://jsfiddle.net/z2b08x7t/

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

或者如果你想在空白处打开它window:

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

Answer 2

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

或者您可以使用

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

有关window.open()的详细信息，您可以查看this文章

Jquery：如何在同一个 window 中打开外部 link

Jquery: how to open external link in same window

jquery

external-url