首页 > 解决方案 > Weglot 链接挂钩不起作用(在粘性标题上)

问题描述

我在我的网站 ( aigle.ca ) 上使用 Weglot ( weglot.com ) 进行翻译。我正在使用链接挂钩,因为它们的小部件无法正常工作。

https://developers.weglot.com/technologies/javascript#link-hooks

这很好,但是当您在页面上向下滚动时,我们的菜单变得粘滞,并且链接不再起作用,它们只是锚定到页面顶部(因为它是一个哈希)。我还注意到“活动”语言在滚动时无法正确显示。

我试过使用 e.preventDefault(); 阻止这种行为,但这没有用。我不明白为什么一个粘性标题会阻止插件工作。

有谁知道是什么原因造成的,或者如何解决?

标签: javascript

解决方案


似乎您的粘性标题是动态构建的,因此它会破坏 Weglot 按钮上的事件侦听器。

你可以在链接中替换#Weglot-xxjavascript:Weglot.switchTo('xx')

对于样式,您还可以使用类似的规则

html.fr a.top_link[data-dropdown-rel='fr'] { text-decoration: underline }

最好的


推荐阅读