窗口位置.href在Mac Safari上无法工作<a>？

Question

我已经创建了一个包含2个URL的锚标签。其中一个是href，另一个是data-url。当我点击按钮时，应该正确地在新标签页中打开页面。但是我希望能够通过设置的data-url链接重新加载当前页面。

因此，在这个示例中，我将href设置为google.com，它在新标签页中打开是正确的。但是当我们点击按钮时，我还希望当前页面重新加载到data-url，即youtube.com。

HTML

<a href="https://www.google.com/" target="_blank" data-url="https://www.facebook.com/" id="agree">Click me</a>

JS

$('#agree').on('click', function() {
    var url = $(this).data('url');
    window.location.href = url;
});

代码笔链接

- Bipu Bajgai

Answer 1

请尝试这个：D

jQuery(function(){
 jQuery('#agree').on('click', function(e) {
  e.preventDefault();
  var redirectUrl = jQuery(this).attr('href');
  var url = jQuery(this).data('url');
  window.location.href= redirectUrl;
  window.open( url, '_blank');
 });
});

#agree {
  background: red;
  padding: 10px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="https://www.google.com/" data-url="https://www.facebook.com/" id="agree">Click me</a>

- Niket Thapa