1

我有以下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>

没有同位素类别应用于其中的项目,也没有任何形式的分类或过滤工作。这些库真的混合了吗?同位素是否适用于以这种方式生成的元素?

任何帮助/建议将不胜感激。

基督教

4

0 回答 0