jquery.transit 悬停不工作答案

【问题标题】：jquery.transit hover not workingjquery.transit 悬停不工作
【发布时间】：2013-05-04 10:57:39
【问题描述】：

我正在尝试使用 jquery.transit 创建一个基本的悬停效果。

当光标悬停在我的一个图标上时，我希望该图标放大 100%，然后在光标移开时缩小 100%。

这是我正在使用的代码示例：

$(document).ready(function() {
 $('enqbutton').hover(
     function () {$(this).transition({ scale: [2] });, 
     function () {$(this).transition({ scale: [0] });
     }); });

enqbutton 是一个 div 类。

知道我做错了什么吗？

【问题讨论】：

标签： jquery hover mouse scale transition

【解决方案1】：

您选择的不是一个类，而是一个 html 元素，请将您的选择器更改为，

$('.enqbutton')

您还必须将函数括在花括号中，尽量保持代码格式正确，以便发现这些错误，这是我如何编写它的示例；

$(document).ready(function() {
    $('.enqbutton').hover(
        function () {
            $(this).transition({ scale: [2] });
        }, 
        function () {
            $(this).transition({ scale: [0] });
        }
    ); 
});

这样做可以让您轻松发现原本很难发现的错误，从而节省您查找这些错误的时间，从而让您有更多时间编写代码！

祝你好运，我希望这会有所帮助！

【讨论】：

你还缺少一个函数花括号，我会编辑我的答案

【解决方案2】：

您需要使用. 来定位 jQuery 中的类：

$('.enqbutton')

以及您缺少 } 来关闭您的第一个功能：

function () {$(this).transition({ scale: [2] });}, 
------------------------------------------------^ add it here -----

【讨论】：

@annoyingnewbie 很高兴它有帮助:)