0

在网站设计中，我有一个最近的新闻部分，其中显示了最近新帖子的缩略图 + 标题。总共显示了 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 中的任何内容都将运行此切换功能。这是一个问题，因为现在任何最近的新闻报道都不能通过物理点击进入报道。

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

4

1 回答 1

2

您可以e.stopImmediatePropagation()在单击事件上使用，这将阻止单击事件通过 div 传播（这可能会根据您的代码触发其他切换）。

于 2012-07-12T11:01:48.020 回答