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 被给予嵌入 annchor 的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();
});

友情链接