jquery - 合并 Foundation 后动画突然不起作用？

Question

在添加到 Foundation 的链接之前，这个在悬停时放大文本的动画效果很好:

CSS

.enlarge {
        transition: font-size 0.5s ease;
        font-size: 2em;
        cursor: pointer;
    }

js

(function(){ 
    $('tr').on('mouseover',function(){
        if($(this).hasClass('sortableHeader') === false){
            $(this).addClass('enlarge');
        };
    })
    $('tr').on('mouseleave',function(){
        if($(this).hasClass('sortableHeader') === false){
            $(this).removeClass('enlarge');
        };
    })
})();

合并 Foundation 后，除了添加动画类之外的所有内容都崩溃了。关于原因的任何线索？

Answer 1

试试这个

$(document).ready(function() {
    $('tr').not('.sortableHeader').mouseover(function() {
         $(this).addClass('enlarge');
    }).mouseleave(function() {
         $(this).removeClass('enlarge');
    ));
});