jquery.transit悬停不起作用

我想用jquery.transit创建一个基本的悬停效果。jquery.transit悬停不起作用

当光标悬停在我的一个图标上时，我希望该图标可以放大100％，然后在光标移开时减少100％。

下面是我使用的代码示例：

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

enqbutton是一个div类。

任何想法我做错了什么？

来源

2013-05-04 annoyingnewbie

您没有选择一类，而是一个html元素，改变你的选择器，

$('.enqbutton')

你也必须用功能的大括号，尽量保持你的代码以及格式化，因此它有助于发现这些错误，我将如何写它的例子;

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

做它像这样可以让你轻松发现错误，否则将很难发现节省您发现这些错误，让您有更多的时间码的时间！

祝你好运，我希望这有助于！

来源

2013-05-04 11:00:21 GriffLab

感谢卡尔，都试过了，但仍然没有喜悦... – annoyingnewbie 2013-05-04 11:02:45

你也错过了一个功能花括号，我会编辑我的答案 – GriffLab 2013-05-04 11:03:56

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

$('.enqbutton')

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

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

来源

2013-05-04 11:02:37 Eli

以礼 - 谢谢！它现在有效x – annoyingnewbie 2013-05-04 11:09:12

@annoyingnewbie很高兴帮助:) – Eli 2013-05-04 11:10:47

jquery.transit悬停不起作用

回答

相关问题