jQuery 隐藏 div/ onClick 问题

Question

我提前为问题的措辞道歉......

我有一个在 AJAX 调用后返回的表。最后<td>每行都是一个隐藏的 div，我已将其连接到在 mouseOver 上显示，然后在 <a> 的 mouseOut 上再次隐藏。 <td> 中可见的链接。我想要实现的是，如果有人实际单击该链接，则框将保持不变，直到用户再次单击该 div。这是我所拥有的:

function showDiv() {
           $("#getTable > tbody > tr:gt(0)").each(function(index) {
               //grab last td of each row after header row
               var row = $(this);
               var td = row.find("td:last");
               var a = row.find("td:last > a");



               $(a).mouseover(function() {
                   //show div
                   var d = $(this).next();
                   d.show('slow');
               });

               $(a).mouseout(function() {
                   //show div
                   var d = $(this).next();
                   d.hide('normal');
               });

               $(a).click(function() {
                   var d = $(this).next();
                   d.show('slow');
                     d.click(function() {
                    $(this).hide('normal');
                    });
                  });

           });

       }

我认为我的方向是正确的，但是单击链接会将页面弹出到顶部，我知道这与需要将其放在某处的 return false 有关，但 div 没有停留。我认为 div 可能会保留，但当我不再单击 <a> 时，mouseOut 函数正在触发。 .

一如既往，我提前感谢 stackoverflow 的杰出成员提供的所有帮助!!!

这是表格行的标记，以防万一它有帮助:

  <tr><td>102.89</td><td>12/14/2009</td><td>GA00427424      </td><td>ACHCBLUE CROSS B</td><td>061000104</td><td><a href="#">View Matches</a><div class="hideMe" style="display: none;"><span>ELECBCBS 121509 1366, $103.0000</span><br><span>CPO 121709 1383, $103.0000</span><br><span>C121809MJM2 LB 9060, $103.0000</span><br><span>C122809MM10 LR 9110, $103.0000</span><br></div></td></tr>

Answer 1

我认为您必须从点击函数返回“false”以阻止导航。