javascript - 单击我网站上的链接时如何停止在新选项卡中打开网页

标签 javascript jquery html css

第一次在这里发布,学习 HTML/CSS/Javascript 的技巧,但现在是一个相当大的新手,所以如果可能的话寻求一些帮助。 :-)

我和我的联合创始人通过 SAAS 创建了一个网站,总体上非常喜欢所提供选项的功能 - 但是......有一个令人讨厌的功能,我们无法解决如何解决(尽管看起来很简单)。

网站链接:thedinnertable.arcadier.io

在我们的页脚中,我们有“关于我们”、“服务条款”、“隐私政策”、“常见问题解答”和“联系我们”。但是,无论何时单击任何选项,它都会将其打开到另一个选项卡中。同样,在这个新标签中,网页顶部有一排不同的选项,但只要您点击它们,它就会再次为每个新选项打开新标签。

我们很想改,但是搞不懂背后的JS,于是联系了服务商,他们提供了如下JS指导如何改:

$(".footer-navigation ul li:nth-child(4) a").attr("target", "");

function waitForElement(elementPath, callBack) {
  window.setTimeout(function() {
    if ($(elementPath).length) {
      callBack(elementPath, $(elementPath));
    } else {
      waitForElement(elementPath, callBack);
    }
  }, 500)
}

$('.item-details .description-text .checkin_time').each(function() {
  var text = $(this).text();
  $(this).text(text.replace('AM', 'uur'));
});

$('.item-details .description-text .checkout_time').each(function() {
  var text = $(this).text();
  $(this).text(text.replace('PM', 'uur'));
});

$('.item-details .description-text .normal-black-text').each(function() {
  var text = $(this).text();
  $(this).text(text.replace('AM', 'uur'));
});

$('.item-details .description-text .normal-black-text').each(function() {
  var text = $(this).text();
  $(this).text(text.replace('PM', 'uur'));
});

waitForElement('.purchase-hist-tbl-inner', function() {
  $('.purchase-hist-tbl-inner .booking-hide-on-wholeday').each(function() {
    var text = $(this).text();
    $(this).text(text.replace('am', 'uur'));

    $('.purchase-hist-tbl-inner .booking-hide-on-wholeday').each(function() {
      var text = $(this).text();
      $(this).text(text.replace('am', 'uur'));
    });

    $('.purchase-hist-tbl-inner .booking-hide-on-wholeday').each(function() {
      var text = $(this).text();
      $(this).text(text.replace('pm', 'uur'));
    });

    $('.purchase-hist-tbl-inner .booking-hide-on-wholeday').each(function() {
      var text = $(this).text();
      $(this).text(text.replace('pm', 'uur'));
    });
  })

  waitForElement('.purhstdtls-delvry-sec', function() {
    $('.purhstdtls-delvry-sec .purhstdtls-delvry-method ul li li').each(function() {
      var text = $(this).text();
      $(this).text(text.replace('AM', 'uur'));
    });

    $('.purchase-hist-tbl-inner .booking-hide-on-wholeday').each(function() {
      var text = $(this).text();
      $(this).text(text.replace('PM', 'uur'));
    });
  })

  $(".page-search .item-list-section .item-sorting-option select `option[value='nearest']").remove();


  $(document).ready(function() {
    $('body').on('click', ' .spacetime_tab-content .btn-tab-validate', function() {
      var $this = $(this);
      var $tab = $this.parents('.tab-pane');
      var $li = $tab.parents('li');

      //assume validation done after 700ml seconds 
      setTimeout(function() {

        if ($tab.find('.error-con').length) {
          $('html, body').animate({
            scrollTop: $li.offset().top
          }, 2000);

        }
      }, 700);
    });
  });

有没有人对如何更改它有任何建议,以便它只是重新加载网页并将其保存在同一个选项卡中?在我看来,该脚本似乎没有我们需要更改的内容,但服务提供商坚持认为它是。

很抱歉给您带来麻烦,我们只是完全坚持下去,不幸的是,阅读其他类似的问题并没有使它变得更清楚。 :(

我想包含一些图片,但由于我是论坛新手,所以还不允许。

谢谢你们。

最佳答案

在 HTML 中你可以像下面这样使用 target="_self"href="https://www.youtube.com"

关于javascript - 单击我网站上的链接时如何停止在新选项卡中打开网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59561179/

相关文章:

javascript - 无法访问 cookie 值

javascript - 如何使用正则表达式获取模式后的第一个字符?

javascript - jstree - 编辑节点时的自定义小部件

php - PHP代码,用于在数据库中添加缺少的字段

javascript - 将 onclick 操作添加到 mathml

html - 垂直div居中

javascript - 在HTML中使用 "button"和innerHTML时没有结果

javascript - AngularJS NG重复: limitTo not limiting object loop

jquery - Sharepoint Angular REST 添加项目产量 400(错误请求)

javascript - jQuery find() 在 IE 和 FF 中的顺序不同