Невозможно использовать вложенный якорь

Question

Хорошо. У меня есть следующий сценарий:

$('#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(); 
});