javascript - 不能使用嵌套 anchor

好。我有以下脚本：

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

我该如何解决？

谢谢！

最佳答案

如果我很了解您在单击链接时不想切换元素.item.plain，请以这种方式停止事件的传播

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