Question

我对编码知之甚少，所以我希望我能正确地提出这个问题。

我要做的是将一个人链接到另一个网站上的特定模态窗口。在此示例中，我将使用Menards每周广告来展示我想要做的事情。

我想直接将某人链接到每周传单页面，其中模式窗口已经打开，用于特定产品，例如$ 74.99 5货架单位，选中后会打开此窗口（http://i.imgur.com/lntNUpK.png）。这是我想直接链接到某人的窗口。

有没有办法修改URL以实现此目的？关于我知道怎么做的是如何链接到URL的特定页面，如下所示/main/flyer.html?page=5

另外一件事是，如果你去提供广告的网站，Flipp，它确实允许你直接链接到窗口https://flipp.com/item/175356457-muscle-rack-5shelf-steel-unit

感谢您的帮助！

Answer 1

是的，有可能使用一些javascript，它会在网址上找到#myModal，如果找到它，它会加载模态：

将它放在页面的末尾：

$(document).ready(function() {

  if(window.location.href.indexOf('#myModal') != -1) {
    $('#myModal').modal('show');
  }

});

现在只需使用以下网址：

http://www.mywebsite.com/page.html#myModal

*你的模态必须有一个id：

Answer 2

那怎么样？

function openModalOnHash() {
  if(window.location.hash) {
    var hash = window.location.hash.substring(1);
    $('#'+hash).modal('show');
  }
}

$(document).ready(function() {
  openModalOnHash()
});

Answer 3

我认为这应该可行。仅打开URL中具有指定ID的模式（如果存在模式）

$(document).ready(() => {
    const href = window.location.href
    const modalID = href.split('/').reverse()[0]
    if(modalID){
        $(modalID).modal('show')
    }
  })

通过URL直接链接到开放模式窗口？

3 个答案: