图像没有在jQuery中弹跳

时间:2014-06-13 22:38:29

标签: jquery html bounce

我正在做一个模拟NPR页面的项目,我想让徽标反弹,但它没有这样做。

我很确定语法是正确的。我只需要额外的眼睛就能引导我走向正确的方向。

这是我的jQuery:

    $(document).ready(function() {

        $(".nprLogo").mouseenter(function() {
            $(this).stop().effect("bounce", 500);

            $(".nprLogo").mouseleave(function() {
                $(this).stop(true, true);

            });
        });
    });

这是我的HTML:

<table id="tableHeader">
    <tr>
        <th>
            <!-- NPR LOGO -->
            <img class="headerImages" class="nprLogo" src="images/nprlogo.png">
    </tr>
    </th>
</table>

我把它放在一张表中,因为这是说明书的一部分。

1 个答案:

答案 0 :(得分:2)

这是一个jquery UI函数,除了jQuery之外还需要包含它:

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

作为旁注,您的</tr></th>顺序错误,您首先需要</th> ...