Javascript jQuery模式：指向特定模式的URL（路由）

我正在使用

plainModal

（）插件在页面（）中显示一组模态

所有的项目都在初始化模态，没有问题，但是我需要共享一个URL，比如mywebsite.com/#some modal，这样页面就会与该模态一起加载（#some modal）

你可以在上面看到我的代码笔，并尝试用一些解决方案来启发我。 我想我必须使用一些路由器脚本，但我对此一无所知。我的网站必须是纯静态的，html+js+css

虽然那个“plainModal”插件有一些关于初始化方法的选项，但我不明白也不知道如何使用URL来实现它

---

提前谢谢

您可以检查URL中的哈希值，然后根据哈希值打开一个模式：

// does url have a hashtag?
if(window.location.hash) {
      var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
      $('#sample-style').plainModal('open', {
duration: 500}, 'close', {close: $.fn.slideUp});
      console.log(hash);

  } else {
      // No hash found
  }

---

现在，这将打开

$（“#示例样式”）

——这与您每次单击时打开的div相同。当您为每个项目添加新内容时，可以使用代码

$（'#'+hash）.plainModal（'open'）；//这将打开

以根据哈希打开一个div。

谢谢，这段代码似乎是我需要的，但它不起作用。我已经用它更新了代码笔，但什么也没发生。我正在尝试，也许我做错了？请参阅上面的更新。它对您不起作用，因为您创建了它正在查找的div散列。我更改了上面的代码以打开与您的其他项目相同的模式。我想知道为什么它不起作用，现在看看代码笔，它已用您的代码进行了更新，我指向整个页面，如下所示：？***#示例样式**注意URL末尾的#示例样式，页面加载后不会加载模式。也许你不能理解我的观点，我需要能够通过键入带有模态散列的URL来触发模态（每个项目一个）。例如，查看此页面上的“新闻”关闭该模态，查看每个项目如何打开模态，以及URL如何更新，这样你就可以使用我刚刚发布的链接，一旦你访问它，模态显示出来，然后你关闭它，URL返回到