我正在使用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')更改('.TxtTeamBtn')文本基于哪个div块显示属性为“ none”。
现在,我只是想通过jquery悬停工作。这就是我所拥有的...而且什么也没起作用(我可以看到)。
Webflow read only link在团队收集页面上
<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>