Javascript 函数不会在jquery中调用。单击（）

正在尝试调用.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>

我在页面加载时调用该函数，它可以正常工作

编辑

---

我在代码中添加了我的徽标

将转换放在.logo类定义中，将转换放在单独的类中，然后在单击.nav链接时将该类名添加到logo元素中。您可以在超时后删除该类。

首先，您的html中没有.logo…class=logo的html元素在哪里？请在这个问题中包含一个。如果没有这一点，这个问题就与堆栈溢出无关。您在另一个函数的作用域内声明该函数，但在单击处理程序中将其作为全局函数调用。您是否尝试将spinLogo定义移到ready处理程序之外？正在正确调用该函数。问题是将

transform

设置为

rotate（360度）

两次不会使它旋转两次。非常感谢。我很感激你的回答。它工作得很好。

$(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();
    });
});