尝试在.click事件内调用函数。我知道.click正在运行,因为console.log。不知道为什么我的功能无法正常工作。我尝试了其他解决方案,例如html中的onClick(),但没有碰到运气。
这是要单击的链接:
<h2 class="logo child"></h2>
<ul>
<li><a href="#web" class="nav-link">DEVELOPER</a></li>
<li><a href="#design" class="nav-link">DESIGNER</a></li>
<li><a href="#film" class="nav-link">FILM</a></li>
<li><a href="#portfolio" class="nav-link">PORTFOLIO</a></li>
<li><a href="#about" class="nav-link">ABOUT</a></li>
</ul>
这是javascript
$(document).ready(function(){
function spinLogo()
{
$('.logo').css({
'transition' : '1.5s ease-in-out',
'transform' : 'rotate(360deg)'
});
}
setTimeout(function(){
spinLogo();
}, 1000)
$('.nav-link').click(function()
{
spinLogo();
});
});
我在页面加载时调用该函数,并且该函数可以正常工作。
编辑
我在代码中添加了徽标。
将过渡放入.logo类定义中,并将转换放入单独的类中,然后单击.nav-link时,只需将该类名称添加到logo元素中即可。您可以在超时后删除该类。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句