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')

此外，您还缺少一个用于关闭第一个函数的}：

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