javascript - 如何限制应用于 的单击事件在正文中的 jquery 数据表上执行

Question

我有动画数据表，当它们的超链接被点击时，它们会从左边滑入。当用户阅读完可见数据表的内容后，我应用了以下代码以允许用户单击其他任何地方以将表停放并继续查看。我使用 jQuery 代码来附加点击事件...

<script type="text/javascript" charset="utf-8">
    $(document).ready( function () {$('.dtable').dataTable( {"sDom": 'rt',"sScrollY":"200px", "bPaginate":false, "bFilter":false} );**$('body').click(function() {parkDataTables();});})
</script>

不幸的是，单击数据表本身会将其停放。我不想要这种行为。也许有人知道如何阻止此点击事件在数据表表面触发...

非常感谢

丹尼斯

Answer 1

您可以使用 body 作为选择器，而不是使用

$('body').children().not('.dtable')

所以你会得到

<script type="text/javascript" charset="utf-8">
$(document).ready( 
  function () {
   $('.dtable').dataTable( {"sDom": 'rt',"sScrollY":"200px", "bPaginate":false, "bFilter":false} );
$('body').children().not('.dtable').click(function() {
  parkDataTables();
 });})
</script>