首页 > 解决方案 > 单击我网站上的链接时如何停止在新标签页中打开网页

问题描述

第一次在这里发帖,学习 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);
    });
  });

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

很抱歉对此感到痛苦,我们只是完全坚持它,不幸的是,阅读其他类似的问题并没有让它变得更清楚。:(

我想包括一些图片,但它不会让我还因为我是新来的论坛。

多谢你们。

标签: javascriptjqueryhtmlcss

解决方案


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


推荐阅读