JQuery와 tablesorter에 - 마우스 오버 열 제목

Question

당신은 당신이 그 열을 기준으로 테이블을 정렬하려면 열 제목을 클릭 할 수 있도록 자사의 명확한 열 제목을 통해 갈 때 손으로 마우스를 두었을 수있는 방법이

Answer 1

예 이것은 커서 : 포인터 CSS 속성을 사용하여 달성 할 수 있습니다. 이 속성은 해당 클래스의 CSS 파일 또는 jQuery를 사용하여 직접 적용 할 수 있습니다.

$ ('th'). css ('cursor', 'pointer');

Answer 2

$('th').css('cursor', 'pointer'); 

JavaScript에서이 규칙을 적용하면 JavaScript가 비활성화되어 있으면 (즉 열이 정렬되지 않음) 스타일이 적용되지 않는다는 장점이 있습니다.

또는 "정렬 가능"코드를 사용하여 머리글의 부모 table에 클래스를 적용하여 필요한 DOM 작업 수를 줄이고 동작과 표현을 분리 할 수 ​​있습니다.

$('table').makeSortable().addClass('sortable'); 

...

.sortable th { 
    cursor: pointer; 
}