Javascript ZURB基金会标签揭示URL书签或反向链接的模式 我使用Zurb基金会5和他们的JS脚本“揭示模式”。我想做的是能够在URL内的URL标签上显示模式

扳机

揭示模态

零碎
巴兹尔·弗蒂·罗恩·勃艮第·克里斯·克里斯托弗森

×

虽然a href中不需要hashtag，但当使用

.no js

时，

display:none

变为

display:block

意味着当未检测到java脚本时，链接的作用最小

我需要的解决方案

现在，因为我在一个

中使用了散列标签，所以当显示一个模式框时，URL会更新，虽然这不是一个问题，但我希望有一个解决方案，如果有人使用散列标签标记或共享一个链接，则框会自动重新对齐

例如，如果我单击Bits和Bobs，url将是

sitename.com/#Bits-n-Bobs

，它将显示模式。我想要的是，当有人使用标签访问该页面时，会使用JavaScript打开显示模式，而无需单击

---

我想用JavaScript做这件事相当容易，但这是我最薄弱的领域之一，非常感谢任何帮助或至少为我指明了正确的方向

加载时，您可以使用

window.location.hash

从URL获取

id

，然后使用此

$（'#myModal'）.foundation（'discover'，'open'）触发模式

在打开某个元素之前，还要检查该元素是否具有该
id
，是否具有类
显示模式

$(document).ready(function(){
   var target = $(window.location.hash);
   if(target.length > 0 && target.hasClass('reveal-modal'))  {
     target.foundation('reveal', 'open');
   }
});

查看JavaScript中的悬停：谢谢，但该页面与标签和模式框无关。这是关于悬停的。我想要一个通过JavaScript和标签URL访问触发的模式。
<div id="bits-n-bobs" class="reveal-modal" data-reveal>
    <h2>Bits and Bobs</h2>
    <p>Basil fawlty ron burgundy kris kristofferson.</p>
    <a class="close-reveal-modal">&#215;</a>
</div>

$(document).ready(function(){
   var target = $(window.location.hash);
   if(target.length > 0 && target.hasClass('reveal-modal'))  {
     target.foundation('reveal', 'open');
   }
});