Jquery動畫錯誤

Question

現在是3點，我不是jquery的最佳人選，有人能告訴我我犯了什麼愚蠢的錯誤嗎？

我有它在的jsfiddle這裏：http://jsfiddle.net/JamesKyle/7GWRp/

有一個在CSS過渡扭結不允許他們將其用於：before或：元素之後，所以我想用做一種解決方法jquery已經在頁面上使用了。基本上這些是三個CSS狀態正常，懸停和活躍。

（我試圖動畫頂部的小閃耀）

$(document).ready(function() { 

    $('.button:before').mouseover(function() { 
     $(this).animate({ 
      left: '0px', 
      opacity: 1 
      }, 100); 
    }); 
    $('.button:before').click(function() { 
     $(this).animate({ 
      left: '30px', 
      opacity: 0 
      }, 100); 
    }); 
    $('.button:before').mouseout(function() { 
     $(this).animate({ 
      left : '-30px', 
      opacity : '1' 
      }, 100); 
    }); 

}); 

Answer 1

判決here是，由於僞元素不是DOM的一部分，他們不能直接針對使用jQuery。

插入像<div class="button gray"><span></span>Button</div>物理元素，在我看來是最簡單的解決方案，但它確實雜亂的標記......