通过弹出框更改 url答案

【问题标题】：Change url via popover通过弹出框更改 url
【发布时间】：2018-12-17 06:04:43
【问题描述】：

我在每个元素中都有带有数据属性的弹出框

这里是sn-p

$("[data-toggle=popover]").popover({
  html: true,
  content: function() {
    var content = $(this).attr("data-popover-content");
    return $(content).children(".popover-body").html();
  },
  title: function() {
    var title = $(this).attr("data-popover-content");
    return $(title).children(".popover-heading").html();
  }
});

$('.mainnav').on('click', '.popover-content a', function() { // change this
  let lang = $(this).data("lang")
  console.log(lang);
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<nav class="mainnav">
  <ul class="topnav">
    <a href="#" data-toggle="popover" data-popover-content="#a1">Popover</a>
  </ul>
</nav>
<div id="a1" class="hidden">
  <div class="popover-heading">_('Välj ditt språk')</div>
  <div class="popover-body">
    <div>
      <a href="#" data-lang="no">Norsk</a>
    </div>
    <div>
      <a href="#" data-lang="de">Deutsch</a>
    </div>
    <div>
      <a href="#" data-lang="nl">Nederlands</a>
    </div>
    <div>
      <a href="#" data-lang="es">Español</a>
    </div>
    <div>
      <a href="#" data-lang="dk">Dansk</a>
    </div>
  </div>
</div>

我需要获取 data-lang 属性并更改网站的域。例如，它是http://local.test.dk:3000/#，如果我选择Norsk，我需要重定向到http://local.test.no:3000/#

获取数据属性已完成，如何正确更改链接？

谢谢你的帮助。

【问题讨论】：

您希望他们能够使用后退按钮返回到原来的位置吗？或者这是一种为他们存储在 cookie 中的“永久”设置？
stackoverflow.com/questions/1865837/…
我想只是重定向它们，这就是@dgig
我想这就是你所需要的：stackoverflow.com/questions/503093/…
只是重定向，我需要获取地址并将 .dk 更改为 .no 等等。@dgig

标签： javascript jquery url

【解决方案1】：

这可能不是一个很好的正则表达式，但它可以解决问题：

// test regex
var langCode = 'no';
var curUrl = window.location.href;
var newUrl = curUrl.replace(/(http:\/\/local.test.)dk(:3000\/#)/, '$1'+langCode+'$2');
window.location.replace(newUrl);

这是一个小提琴，所以你可以看到它的工作原理。显然你不能在那里使用 url。

https://jsfiddle.net/49whrtg3/6/

【讨论】：