jQuery div onclick单击div中的href

前端之家收集整理的这篇文章主要介绍了jQuery div onclick单击div中的href前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 HTML
<table class="products">
  <tr>
    <td>Product description probably goes here</td>
    <td><a href="#">more information</a></td>
  </tr>
</table>

为了让支持Javascript的浏览器更加性感,我添加了这个jQuery(1.3.2):

$(document).ready(function(){
  $('table.products tr').click(function(){
    $(this).find('a').click();
    return false;
  });
});

但我认为它会进入一个无限循环或其他东西. Safari显示了这个:

RangeError: Maximum call stack size
exceeded. jquery.min.js:12

任何人都可以提供解决方法或更好的方法吗?

解决方法

这里的问题是tr内的谎言.因此,当触发click()方法时,事件会冒泡到包含它的tr,从而创建您提到的递归循环.而不是调用.find(‘a’).click(),让a和tr都使用相同的click方法.
$('tr,a').click(function(){
   //dostuff
   return false;
});
原文链接:https://www.f2er.com/jquery/177571.html

猜你在找的jQuery相关文章