正在停止子元素上运行的jQuery切换函数

在一个网站设计中，我有一个最近的新闻部分，显示最近新帖子的缩略图和标题。总共有12条新闻（3行4条）显示。通过CSS，“最近新闻”div有一个高度集，默认情况下只显示第一行。这是创建切换高度的jQuery

$(document).ready(function() {

    $("#recentnews").toggle(function(){
        // Show two rows (8)
        $(this).animate({height:387},200);
        $("html, body").animate({ scrollTop: $(document).height() }, "slow");
        return false;
    }
    ,function(){
        // Show three rows (12)
        $(this).animate({height:565},200);
        $("html, body").animate({ scrollTop: $(document).height() }, "slow");
        return false;
    },function(){
        // Show one row (4)
        $(this).animate({height:211},200);
    });
});

这很好，但我遇到的问题是，最近的新闻div中的任何内容都将运行此切换函数。这是一个问题，因为现在任何最近的新闻故事都无法通过物理方式单击转到该故事

---

有没有办法删除切换继承？还是我使用了错误的切换方式？

您可以对单击事件使用

e.stopImmediatePropagation（）

，这将阻止单击事件在div中传播（这可能会触发其他切换，具体取决于您的代码）

您可以在单击事件上使用e.stopImmediatePropagation（），这将阻止单击事件在DIV中传播（这可能会触发其他切换，具体取决于您的代码）！我在我的切换语句$（“#recentnews ul li a”）之前添加了这个；而且效果很好！如果你写一个答案，我会把它标记为已解决。很高兴它成功了！我写了一个答案。谢谢谢谢你给我指e.stopImmediatePropagation（）！供参考：