jquery - 使用同位素初始点击后链接停止工作

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()：

演示

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