javascript - 不能使用嵌套锚

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