Jquery hover function doesn't work for a table...

Posted by chandru_cp on Stack Overflow See other posts from Stack Overflow or by chandru_cp
Published on 2010-04-03T11:56:52Z Indexed on 2010/04/03 12:03 UTC
Read the original article Hit count: 254

Filed under:
|

I dynamically added rows to a table but it doesn't seem to take hover effects given in jquery...

Here is my code,

 <table  id="chkbox" cellpadding="0" cellspacing="2" width="100%" class="table_Style_Border">
        <tr>
            <td style="width:150px" class="grid_header" align="center">RackName</td>    
            <td style="width:150px" class="grid_header" align="center">LibraryName</td>  
            <td style="width:200px" class="grid_header" align="center">LibrarianName</td>
            <td style="width:200px" class="grid_header" align="center">Location</td>
            <td style="width:1%" class="grid_header"></td>


        </tr>

         <? if(isset($comment))
               { echo '<tr><td class=table_label colspan=5>'.$comment.'</td></tr>'; } ?>
        <?php foreach($rackData as $key =>  $row) { ?>
        <?php printf('<tr  class="%s">', ($key % 2) ? 'rowcolor' : 'alternaterowcolor'); ?>
            <td align="left" class="table_label">
                    <?=$row['rack_name']?>
            </td>
            <td align="left" class="table_label">
                    <?=$row['library_name']?>
            </td>
            <td align="center" class="table_label">
                    <?=$row['librarian']?>
            </td>
            <td align="center" class="table_label">
                    <?=$row['location']?>
            </td>
            <td align="center">
                <input type="checkbox" name="group" id="group" value="<?=$row['rack_id']?>" onclick="display(this);"  > 
            </td>

        </tr>

<?  } ?>


        </table><div align="right" class="pagination"> <?php /*?><?php echo $links;?><?php */?></div>
<script type="text/javascript">
$("#chkbox").hover(function() {
  $(this).addClass("resultshover");
}, function() {
  $(this).removeClass("resultshover");
});
</script>

© Stack Overflow or respective owner

Related posts about html

Related posts about jQuery