javascript - Weglot 链接挂钩不起作用(在粘性标题上)
问题描述
我在我的网站 ( aigle.ca ) 上使用 Weglot ( weglot.com ) 进行翻译。我正在使用链接挂钩,因为它们的小部件无法正常工作。
https://developers.weglot.com/technologies/javascript#link-hooks
这很好,但是当您在页面上向下滚动时,我们的菜单变得粘滞,并且链接不再起作用,它们只是锚定到页面顶部(因为它是一个哈希)。我还注意到“活动”语言在滚动时无法正确显示。
我试过使用 e.preventDefault(); 阻止这种行为,但这没有用。我不明白为什么一个粘性标题会阻止插件工作。
有谁知道是什么原因造成的,或者如何解决?
解决方案
似乎您的粘性标题是动态构建的,因此它会破坏 Weglot 按钮上的事件侦听器。
你可以在链接中替换#Weglot-xx
为javascript:Weglot.switchTo('xx')
对于样式,您还可以使用类似的规则
html.fr a.top_link[data-dropdown-rel='fr'] { text-decoration: underline }
最好的