javascript - anchor 标记单击不适用于 jquery 中的 return true 语句

Question

我有一个用于 anchor 标记的 jquery，它在其中第一次调用 ajax，然后在返回成功时再次调用 click。在第二次调用时它返回 true 但 anchor 链接不起作用。

下面是我的代码

HTML:

 <a href="#" class="test-link" target="_blank">test</a>

jQuery:

$(document.ready(function(){
  $('.test-link').click(function(){
    if ($(this).hasClass('test')){
      $(this).removeClass('test');
      return true;
    } else {

      $.ajax({
      ...
      ...
      success : function(data) {
          $('.test-link').attr('href',data.url).addClass('test').click(); 
      }
      });
      return false;
    }
 });

这对我不起作用，我也尝试使用 preventDefault();但没有用。

注意:在第一次点击时，它会调用ajax，当它成功时，它会设置 anchor 和类的url，然后再次调用点击，
但点击不会导航到其他页面。

Answer 1

触发 anchor 的点击事件不会重定向到自动指定的页面。

您必须点击链接明确才能导航到不同的页面..

你可以使用

window.open('','','width=200,height=100') ; // instead`

你可以试试这个方法

if ($(this).hasClass('test')){
    $(this).removeClass('test');

    window.open('','','width=200,height=100')
}