toggle中的a标签问题

问题是这样的：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("tr").hover(
function(){
$(this).addClass("on");
}
,function(){
$(this).removeClass("on");
}

)
$("tr").toggle(
function(){
$(this).css("background","#333");
}
,function(){
$(this).css("background","");
})
});</script>
<style>
tr.even{
    background:#9C6
}
tr.odd {
    background:#fff;
}
tr.on{
    background:#FC6
}
</style>
</head><body>
<table width="600" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
  <tr class="odd">
    <td><a href="www.baidu.com" title="bidu">&nbspsdfsadfsdfsdfasdfasdf;</a></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr class="even">
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
这里边的A标签不能链接了    点击a标签还是调到当前页面  求解决

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你把toggle函数改成hover(),要不你就判断子元素是否是超链接，感觉很麻烦。
访问网络的地址，需要添加协议名称的。要加上http://www.baidu.com
才行的
toggle 是点击事件切换，hover是滑入滑出事件切换，你换用hover，你就可以点击超链接了。
        $("tr").toggle(function (e) {
            var o = e.target;
            if (o.tagName == 'A') location.href = o.href;
            $(this).css("background", "#333");
        }, function () {
            $(this).css("background", "");
        })判断下点击的是否为a，是就跳转
showbo版主的方法解决了  谢谢大神