不能使用嵌套锚

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被赋予嵌套anchor的div。当我点击它时很明显））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();
});