jquery plugin datatable에서 hovered 행을 강조 표시합니다.

Question

jquery 플러그인을 사용하여 데이터를 표시하고, 잘 작동하며, 아약스를 사용하여 PHP에서 데이터를 가져 왔습니다. 주위를 이동할 때 끌린 행을 강조 표시하려고 할 때 문제가 발생합니다. 탁자. 작동하지 않습니다. 하지만 다른 테이블에서 스크립트를 사용하면 작동합니다. 그리고 크롬 콘솔에서 일부 코드를 일시 중지, 잘 작동, 내가 혼란스러워, 어떻게 내가이 문제를 해결할 수 있습니다. 여기에 스크립트 :

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#example').dataTable({ 
        "bProcessing": true, 
        "sAjaxSource": "testConn2008.php", 
        "bAutoWidth": true, 
        "aoColumns": [ 
          { mData: '\u533a\u57df' } , 
          { mData: '\u6708\u4efd' }, 
          { mData: '\u7535\u8111\u7f16\u53f7' }, 
          { mData: '\u7528\u6237\u518c\u53f7' } , 
          { mData: '\u6c34\u8868\u7c7b\u578b' } 
        ] 
      }); 
}); 
</script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#example tbody tr").mouseover(function() { 
        $(this).addClass("over"); 
      }); 
     $("#example tbody tr").mouseout(function() { 
        $(this).removeClass("over"); 
      }); 

    }); 
    </script> 
    <style type="text/css"> 
    tr.over td{ 
background: #D6E8F8; 
font-weight: bold; 
} 
    </style> 

Answer 1

왜 jquery를 사용하고 싶은지 궁금합니다. 간단한 CSS를 사용하면이 작업을 수행 할 수 있습니다.

#example td:hover 
{ 
    background: #D6E8F8; 
    font-weight: bold; 
}