Javascript 使跨度在可单击行内可单击

我有以下代码：

$（“.clickable”）。单击（函数（）{
window.location=$（this.data（“目标”）；
});
$（“.clickableB”）。单击（函数（）{
警报（“我听到了咔哒声”）；
});

雇员
总小时数
评论
选择权
佩德罗
1.
这是一篇非常精彩的文章
&时代；
情态标题
一个好身体&hellip

接近
保存更改
它可以帮助您：

$(".clickable").click(function(e) {
    if($(e.target).hasClass("clickableB")) {
        alert('I got a click');
    }
    else {
        window.location = $(this).data("target");
    }
});

干杯
它可以帮助您：

$(".clickable").click(function(e) {
    if($(e.target).hasClass("clickableB")) {
        alert('I got a click');
    }
    else {
        window.location = $(this).data("target");
    }
});

干杯
在
clickableB
span类中没有数据，您需要添加一些文本或图像，然后就可以工作了


$（“.clickable”）。单击（函数（）{
window.location=$（this.data（“目标”）；
});
$（“.clickableB”）。单击（函数（）{
警报（“我听到了咔哒声”）；
});

雇员
总小时数
评论
选择权
佩德罗
1.
这是一篇非常精彩的文章
可点击的
可点击的
可点击的
类中没有数据
clickableB
span，您需要添加一些文本或图像，然后才能正常工作


$（“.clickable”）。单击（函数（）{
window.location=$（this.data（“目标”）；
});
$（“.clickableB”）。单击（函数（）{
警报（“我听到了咔哒声”）；
});

雇员
总小时数
评论
选择权
佩德罗
1.
这是一篇非常精彩的文章
可点击的
可点击的
可点击的
试试这个。您可以将它绑定到每个不是
.noclick
的td，并使用.parent获取数据目标


$（“.clickable td:not（.noclick）”）。单击（function（）{
console.log（“模式单击”）；
window.location=$（this.parent（）.data（“目标”）；
});
$（“.clickableB”）。单击（函数（）{
警报（“我听到了咔哒声”）；
});

雇员
总小时数
评论
选择权
佩德罗
1.
这是一篇非常精彩的文章
试试这个。您可以将它绑定到每个不是
.noclick
的td，并使用.parent获取数据目标


$（“.clickable td:not（.noclick）”）。单击（function（）{
console.log（“模式单击”）；
window.location=$（this.parent（）.data（“目标”）；
});
$（“.clickableB”）。单击（函数（）{
警报（“我听到了咔哒声”）；
});

雇员
总小时数
评论
选择权
佩德罗
1.
这是一篇非常精彩的文章
而不是

<span style="color:green" class="clickableB fa fa-check-square"></span>



我会用

<span onclick='functionOfChoice();' style="color:green"> ....

。。。。
而不是

<span style="color:green" class="clickableB fa fa-check-square"></span>



我会用

<span onclick='functionOfChoice();' style="color:green"> ....

。。。。
发生这种情况是因为事件冒泡。要防止它，请使用
停止播放
：

$(".clickable").click(function(evt) {
  window.location = $(this).data("target");
});
$(".clickableB").click(function(evt) {
  evt.stopPropagation()
  alert('I got a click');
});

这样，当您单击一行时，它将打开模式，但当单击范围时，它只会在不打开模式的情况下发出警报，这是由于事件冒泡而发生的。要防止它，请使用
停止播放
：

$(".clickable").click(function(evt) {
  window.location = $(this).data("target");
});
$(".clickableB").click(function(evt) {
  evt.stopPropagation()
  alert('I got a click');
});

这样，当您单击一行时，它将打开模式，但当单击范围时，它只会发出警报，而不会打开他正在使用的模式。这些跨度也不是问题所在。他正在使用Fontsome。这些跨度也不是问题。现在它工作了，谢谢你，先生。现在唯一的问题是，退出警报后，它会打开模式。我怎样才能解决这个问题？@Zariweya你可能有一个我所说的过时版本。只要再检查一下你使用的最新帖子，让我知道：）现在没问题了。我使用了@fatman版本，它修复了所有问题。谢谢你。@Zariweya没问题，但是小心使用这种方式，因为如果你经常使用它，并且使用了大量的点击事件，它可能会在以后引起问题。现在它可以工作了，谢谢你，先生。现在唯一的问题是，退出警报后，它会打开模式。我怎样才能解决这个问题？@Zariweya你可能有一个我所说的过时版本。只要再检查一下你使用的最新帖子，让我知道：）现在没问题了。我使用了@fatman版本，它修复了所有问题。无论如何谢谢你。@Zariweya没问题，但是小心使用这种方式，因为如果你经常使用它，并且使用了大量的点击事件，它可能会在以后引起问题。非常有效。谢谢你，先生。工作很有魅力。谢谢你，先生。