javascript - ネストされたアンカーは使用できません

Question

Ok。私は次のスクリプトを持っています：

$('#exhibitions .item.plain').toggle(
    function() {
        $(this).css({
           'height': '302px',
           'z-index': '10',
           'background': '#3F94AB'
        });
        $(this).find('p.title').css('color', '#E6E6E6');
        $container.isotope('reLayout');
    },
    function() {
        $(this).css({
           'height': "130px", 
           'z-index': '0',
           'background': '#CCC'
    });
    $(this).find('p.title').css('color', '#353334');
    $container.isotope('reLayout');
});

一方.item.plain、ネストされた.を持つdivに与えられanchorます。そして、クリックすると明らかな））toggle()が発生します。

<div class="item plain">
     <!-- some stuff -->
     <a href="url I want to go"></a>
</div>

これを修正するにはどうすればよいですか？

ありがとう！

Answer 1

リンクをクリックしたときに要素を切り替えたくない場合は.item.plain、この方法でイベントの伝播を停止してください。

$('#exhibitions .item.plain a').on('click', function(evt) {
   evt.stopPropagation();
});