函数不会调用jquery .click()

时间:2015-10-02 22:47:51

标签: javascript jquery html

尝试在.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();
    });
});

我在页面加载时调用该函数,它的运行没有问题。

修改

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

1 个答案:

答案 0 :(得分:0)

将转换放在.logo类定义中,并将转换放在单独的类中,然后在单击.nav-link时将该类名添加到徽标元素。您可以在超时后删除该类。