敲除+同位素+ mbest绑定,复杂模板无法正常显示

时间:2015-01-09 10:19:41

标签: knockout.js jquery-isotope

我试图让同位素分选与淘汰赛结合起来。我已经找到了迈克尔·贝斯特(https://gist.github.com/mbest/7577891)用于淘汰的同位素结合,这是有效的,请看这个小提琴:http://jsfiddle.net/mbest/ACSGx/。但是,当模板稍微复杂一点时(比如用...包围文本),它会中断并且布局变得混乱。看到这个小提琴:http://jsfiddle.net/David_Libido/cdwjjdpo/2/ 我唯一改变的是用另一个div包围绑定到text属性的div数据:

<div id="container" data-bind="isotope: { data: items, isotopeOptions: getOptions }, click: addItem">
    <div><!-- Remove this and it works -->
        <div data-bind="text: text, click: $parent.removeItem, clickBubble: false"></div>
    </div><!-- Remove this and it works -->
</div>

我检查了代码,我认为问题是外部和内部div都被处理并获得同位素项类和样式,但我不确定。 任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

这一定是我自己问题的最快答案。我所要做的就是将itemSelector传递给isotopeOptions(默认=&#34; *&#34;)