我正在使用 webflow 构建的网站是我第一次深入研究 jquery(或 j 任何东西)。我不是任何语言的开发人员,但通常可以通过足够的研究来解决问题……这次不是:)
我的团队收藏页面有一个由 div ('.DivTeamBtn') 和文本 ('.TxtTeamBtn') 制成的按钮
单击按钮时,团队成员描述在 2 个 div 块之间发生变化:
('.Div Flex Center.TeamFun') when display: none - on ('.DivTeamBtn')hover ('.TxtTeamBtn).text(hSudo)
('.Div Flex Center.TeamActual') when display: none - on ('.DivTeamBtn')hover ('.TxtTeamBtn).text(hFact)
我要完成的是:鼠标悬停('.DivTeamBtn')根据哪个div块显示属性为'none'更改('.TxtTeamBtn')文本。
现在我只是想通过jquery悬停工作。这就是我所拥有的......并且没有任何工作(我可以看到)。
Webflow 只读链接这是在团队集合页面上
<script>
Webflow.push(function() {
// Hover text change
$( function() {
var nh = 'Click Me!';
var hSudo = 'For sudo facts';
var hFact = 'For facts';
$('.DivTeamBtn').hover(function(){
$('.TxtTeamBtn').text(hfun);
}, function() {
$('.TxtTeamBtn').text(nh);
});
});
</script>