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

jquery.transit悬停不起作用

2 个答案: