Question

我正在创建一个包含语言信息的页面。由于它非常长，我会使用详细信息/摘要标记折叠每种语言，并将它们放在字母部分中，每个首字母也是折叠的详细信息。目前，每种语言都编码为

  <details>
    <summary id="am"><b>am — Amharic</b></summary>
    <p><a href="/wp-content/uploads/2018/05/GBV-Amharic.jpg"><img src="/wp-content/uploads/2018/05/GBV-Amharic-150.jpg"/></a>About 22 million native speakers, … [more info]</p><br clear="all"/>
  </details>

如果我在http://domain.TLD/path/#am之类的其他地方添加了一个链接，我想将用户带到该页面，滚动到该部分，然后展开详细信息。如果可能的话，我对一方或双方的语法是否错误？它现在不 - 没有任何扩展，它会到达页面顶部，就像＃不存在一样。但地址字段显示链接的完整URI，包括#id。

“path/”由Wordpress和/或Wordpress生成的.htaccess解释，因此可能会以某种方式阻止其正常工作。

Answer 1

您可以使用正确的语法将用户定向到ID为＃34; am的元素。＆＃34;

您可以使用jQuery检查浏览器用于显示页面的URL。对于您的示例，如果链接将用户发送到http://domain.TLD/path/#am，则如果浏览器包含＆＃34; path /＃am＆＃34;则会触发以下代码：作为网址的一部分。

jQuery(document).ready(function($) {
    if(window.location.href.indexOf("path/#am")){
       /* do something to the element in jQuery -- likely apply a class.
       */
}

还有许多与jQuery相关的动画和滚动库。

我可以在超链接指向HTML'详细信息'时自动展开吗？

1 个答案: