使用同位素初次点击后链接停止工作

Question

我使用同位素生成了一个可排序的网格，它将标题点击的项目移动到网格的顶部并展开它们。

它几乎正常工作我只有一个问题..

单击项目并对其进行排序后，项目标题将无法再单击或与其进行交互。

$('.itemheading a').on("click",function() {
    e.preventDefault();
    var activeElement = $(this).closest('.item');
    activeElement.addClass('active').siblings('.item').removeClass('active');

    $("html, body").animate({ scrollTop: 0 }, "slow");

    container
        .prepend(activeElement.remove())
        .isotope('reloadItems')
        .isotope({ sortBy: 'original-order' });

    return true;
});

我在jsfiddle上放了一个例子：

http://jsfiddle.net/BptVU/4/

干杯

Answer 1

您需要使用.on()代理

DEMO

 $('.content').on('click','.itemheading a', function (e) {...});