Javascript - 禁用 ajax/强制新窗口。 (WordPress)

Question

我正在自定义 wordpress 插件的行为 http://shiftcontroller.com .该插件使用 AJAX 进行“创建新类次”过程。

我已经使用 javascript 将个人资料链接添加到预先存在的员工列表，但我的链接试图进行 AJAX 调用，而不是在新选项卡中打开。

这是我目前所得到的:

      var StaffInputs = document.querySelectorAll('.hc-sm-col.hc-sm-col-6 ul li input');
  console.log(StaffInputs);

  for (i = 0; i < StaffInputs.length; ++i) {
    console.log(StaffInputs[i].defaultValue);
    // var staffLink = document.createElement( "a", { class: "staff-profile-link", href: "http://mydomainhere.co.uk/user/"+StaffInputs[i].defaultValue } );
    var staffLink = document.createElement("a");
    staffLink.setAttribute( "class", "staff-profile-link" );
    staffLink.setAttribute( "href", "http://mydomainhere.co.uk/?author="+StaffInputs[i].defaultValue );
    staffLink.setAttribute( "target", "_blank" );
    staffLink.setAttribute( "rel", "external" );
    staffLink.setAttribute( "data-ajax", "false" );
    staffLink.innerHTML = '    <i class="icomoon icomoon-notification"></i>';
    StaffInputs[i].nextSibling.appendChild(staffLink);
  }

但是，由于某些原因，我的链接仍然无法在新窗口中打开。有什么办法可以通过 Javascript 强制执行此操作吗？

谢谢

Answer 1

您可以直接在 a 标记上添加处理程序并让它停止传播。 (假设 AJAX 请求是由在 DOM 树上使用委托(delegate)的处理程序发出的。)

staffLink.addEventListener('click', function(e) {
    e.stopPropagation();
});