You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在语言下拉菜单的English选项中添加href链接?

给语言下拉菜单添加跳转链接

要实现点击English选项跳转,你需要用HTML的<a>标签包裹可点击内容,href属性就写在这个标签里。具体修改方法如下:

找到代码里对应English的<li>项,把图标和文字(或仅文字)用<a>标签包裹,将跳转目标地址填入href属性。

修改后的完整代码片段:

<div class="nav-wrapper">
    <div class="sl-nav">
        Sprache:
        <ul>
            <li><b>Deutsch</b> <i class="fa fa-angle-down" aria-hidden="true"></i>
                <div class="triangle"></div>
                <ul>
                    <li><i class="sl-flag flag-de"><div id="germany"></div></i> <span class="active">Deutsch</span></li>
                    <!-- 修改后的English选项 -->
                    <li><a href="你的英文页面地址"><i class="sl-flag flag-usa"><div id="germany"></div></i> <span>English</span></a></li> 
                    <li><i class="sl-flag flag-cz"><div id="germany"></div></i> <span>Česky</span></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
  • 把href="你的英文页面地址"替换成实际跳转路径,比如href="en.html"(当前目录下的英文页面)或href="/en"(根目录下的英文路径)。
  • 若只想让文字可跳转,仅把<span>English</span>改成<a href="地址">English</a>即可;要让图标也能跳转,就像示例里那样把图标和文字一起包在<a>内。
  • 其他语言选项(比如Česky)也可以用同样的方式添加跳转链接。

内容的提问来源于stack exchange,提问作者Jerge

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 08:25:25