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>

没有同位素类应用于其中的项目，也没有任何形式的排序或过滤工作。这些库实际上是混合吗？同位素是否与以这种方式生成的元素一起工作？

非常感谢任何帮助/建议。

基督教

同位素不工作/将类应用于由Knockout'foreach'生成的div

0 个答案: