我有以下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>
没有同位素类别应用于其中的项目,也没有任何形式的分类或过滤工作。这些库真的混合了吗?同位素是否适用于以这种方式生成的元素?
任何帮助/建议将不胜感激。
基督教