jQuery로 테이블 행 배경색 강조 표시

Question

jQuery 1.7.2 및 jQuery UI 1.8.21을 사용하고 있습니다. 내 테이블의 특정 행을 강조하려면,하지만이 작동하지 않는 것 :

<script language="javascript" type="text/javascript"> 
$(document).ready(function() {  
    $('#tr635').effect("highlight", {}, 3000); 
}); 
</script> 

#tr635 내가 강조하고자하는 TR의 ID입니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

는 편집 : 테이블에 대한

HTML 코드 :

<table width="100%"> 
    <tr> 
    <td colspan="8" class="title">Prioritize Liabilities</td> 
    </tr> 
    <tr> 
    <td class="info">Note</td> 
    <td class="info">Balance</td> 
    <td class="info">Total Debt</td> 
    <td class="info">Total Loss<br />Given Default</td> 
    <td class="info">% Loss<br />Guarantee</td> 
    <td class="info">Total Loss<br />After Guarantee</td> 
    <td class="info">% Loss</td> 
    <td class="info">Note LGD</td> 
    </tr> 
    <tr id="tr632"> 
    <td><em>GGA 01</em></td> 
    <td>5,000</td> 
    <td>5,000</td> 
    <td>0</td> 
    <td>0%</td> 
    <td>0</td> 
    <td>0.00%</td> 
    <td>D</td> 
    </tr> 
    ...more rows... 
</table> 

편집 2 : 나는 답을 발견했다. 내 테이블의 CSS에서 테이블의 td 태그에 대한 배경색을 지정했습니다. 이것을 제거하고 대신 tr 태그에서 배경색을 설정했습니다. 이제 작동합니다. td 태그의 CSS가 jQuery를 덮어 쓰는 것 같습니다.

Answer 1

답변을 찾았습니다. 내 테이블의 CSS에서 테이블의 td 태그에 대한 배경색을 지정했습니다. 이것을 제거하고 대신 tr 태그에서 배경색을 설정했습니다. 이제 작동합니다. td 태그의 CSS가 jQuery를 덮어 쓰는 것 같습니다.

Answer 2

UI를 포함 했습니까? 이것이 내가 보는 유일한 차이입니다 : jsFiddle Example (click on/off UI include) 이것은 fadein이 작동한다는 사실과 일치합니다 ... 왜냐하면 fadein은 기본 jquery 라이브러리에 포함되어 있기 때문에 .effect은 UI 구성 요소이기 때문입니다.