jquery - jquery.transit 悬停不工作

Question

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

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

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

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

enqbutton是一个 div 类。

知道我做错了什么吗？

Answer 1

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

$('.enqbutton')

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

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

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

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

Answer 2

您需要使用.jQuery 中的目标类：

$('.enqbutton')

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

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