0

ウェブサイトのデザインに、サムネイルと最近の新しい投稿のタイトルを表示する最近のニュースセクションがあります。合計12のニュース記事（4行3行）が表示されます。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 に答える