2012-05-07 71 views
1

我試圖讓淘汰賽與同位素一起工作。我似乎遇到了一個問題,那就是同位素所需要的風格正在被淘汰賽所壓制。Knockout.js和Isotope

這是從knockout生成的html。在特別需要注意的DIV

<div class="photo isotope-item" style="left: 0px; top: 0px; position: absolute; "> 
    <img data-bind="attr: { src: imageSource}" src="/images/1.jpg"> 
</div> 

的風格是什麼同位素需要能夠定位在div

<div class="photo isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(245px, 5px, 0px); "> 
     <img src="images/1.jpg"> 
</div> 

有沒有辦法讓淘汰賽同位素工作?

+0

究竟是什麼問題?缺少Webkit轉換?您能否在發電之前發佈KO模板? – madcapnmckay

+0

是淘汰賽真的觸摸你的div?它上面沒有數據綁定屬性,所以淘汰賽應該讓它獨立。就你的模板而言,你要指定一個疊加src屬性和一個動態的屬性,這樣knockout會爲你插入。這是你的意圖嗎? –

+0

同位素必須具有此元素。 left:0px; top:0px; -webkit-transform:translate(0px,0px);否則,其佈局邏輯無法工作。既然同位素可以定製做很多事情 - 你不能放下knockout.js嗎? – Systembolaget

回答

1

我不確定你的情況出了什麼問題,但你可能想試試我爲Knockout編寫的同位素結合,Knockout-Isotope。請注意,它需要分叉版本Knockout。我可以詳細說明你是否想知道更多。