jquery - 同位体を使用して最初にクリックした後、リンクが機能しなくなる

Question

ヘッダーがクリックされたアイテムをグリッドの上部に移動して展開するアイソトープを使用して、並べ替え可能なグリッドを生成しました。

それはほとんど機能しています.1つだけ問題があります..

アイテムがクリックされて並べ替えられると、アイテム ヘッダーはクリックまたは操作できなくなります。

$('.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) {...});