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懸停不起作用

回答

相關問題