javascript - 同位体が機能しない/ノックアウト「foreach」によって生成されたdivにクラスを適用しない

Question

私は次のhtmlを持っています:

<h2 class="groupHeader" id="succeededHeader"></h2>
    <div id="container" data-bind="foreach: successfulProjects">
        <div class="element">
            <div data-bind="attr: { 'class': StatusClass }">
                <h3 class="projectItemTitle" data-bind="text: ProjectName"></h3>
                <h2 class="buildConfigName" data-bind="text: BuildConfigName"></h2>
                <p>
                    Last build Time:<br />
                    <span class="lastBuildTime" data-bind="text: LastBuildTime"></span>
                </p>
                <p>Tests Passed:</p>
                <p>Tests Failed:</p>
            </div>
            </>
        </div>

そして、次の JS:

$(function () {
        var $container = $('#container');

        $container.isotope({
            itemSelector: '.element'
        });

        var $select = $('#filters select');

        $select.change(function () {
            var filters = $(this).val();
            console.log(filters);
            $container.isotope({
                filter: filters
            });
        });

    });

Knockout foreach で html を生成すると、次のようになります。

<div id="container" class="isotope" data-bind="foreach: successfulProjects" style="position: relative; overflow: hidden; height: 0px;">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
<div class="element">
</div>

アイテムに適用される同位体クラスはなく、並べ替えやフィルタリングの形式は機能しません。これらのライブラリは実際に混在していますか? 同位体は、このように生成された元素で機能しますか?

どんな助け/提案もありがたく受け取られます。

キリスト教徒