jQuery的排序：如何更改字體大小爲被拖

Question

<table> 
    <thead> 
    <tr> 
     <th nowrap align="left" >Sort</th> 
     <th nowrap align="left" >User</th> 
    </tr> 
    </thead> 
    <tbody id="sort"> 
    <tr> 
     <td>1</td> 
     <td>Jay</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>Mike</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Jenny</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Fiona</td> 
    </tr> 
    </tbody> 
</table> 



$("#sort").sortable({ 
    stop: function() { 
     $(this).css('font-size', '20px'); 
    } 
}); 

我使用jQuery的排序上表中的行，我想改變，這是最後被拖行的字體大小，所以用戶知道他們只是拖動了哪一行，我有上面的JS，但它設置了2行的css，看起來像是被拖放的行和後面的行，而不是被拖放的行。

我是JS新手，對於爲什麼會發生這種情況以及如何解決這個問題感到非常困惑。

任何幫助表示讚賞。謝謝。

Answer 1

更改你的函數

css文件

.enlarge { 
    font-size: 30px; 
} 

JS文件

$("#sort").sortable({ 
    stop: function(event, ui) { 
    $(this).find("tr").removeClass("enlarge") 

    $(ui.item).addClass("enlarge"); 

    } 
}); 

你只想補充，只要你想拖放刪除字體大小。

http://jsfiddle.net/ayang10/fTXRQ/4/