javascript - 为什么点击功能不起作用？

Question

这是我的fiddle

显示“.pull_down_content”的“.item”点击功能并不总是有效，这是为什么？我发现，如果您单击第一个“图 block ”，这将工作正常，并且在打开时单击下一个图 block 仍然可以正常工作，但如果您返回到原始图 block ，则单击功能将停止工作，只有悬停起作用？

这是为什么呢？

这是我的代码的一部分..

    $(this).children('.item').on('mouseenter mouseleave click', function(e) { e.stopPropagation();
     if ($('.timelineTile').hasClass("clicked")) {
    if (!$(this).data('clicked')) {
        var Height = e.type==='mouseenter' ? '60px' : e.type==='click' ? '300px' : '0px';
        $(this).siblings('.pull_down_content').stop().animate({'height': Height}, 300); 

         $(this).siblings('.pull_down_content').children('.inner').css({'display': 'block'}, 300); 

        if (e.type==='click') $(this).data('clicked', true);
    }else{
        if (e.type==='click') {
            $(this).data('clicked', false);
            $(this).siblings('.pull_down_content').stop().animate({'height': '0px'}, 300);
   $(this).siblings('.pull_down_content').children('.inner').css({'display': 'none'}, 300);          

        }
    } }
                 });

Answer 1

看起来您每次单击“.timelineTile”时都会在子项上添加额外的单击事件。您应该将上述代码移至“.timelineTile”点击事件之外。至少在重新添加现有事件之前删除它们。