尝试在.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();
});
});
我在页面加载时调用该函数,它的运行没有问题。
修改
我在代码中添加了我的徽标。
答案 0 :(得分:0)
将转换放在.logo类定义中,并将转换放在单独的类中,然后在单击.nav-link时将该类名添加到徽标元素。您可以在超时后删除该类。