2012-05-07 8 views
1

アイソトープで作業するノックアウトを取得しようとしています。アイソトープが必要とするスタイルがノックアウトで苦しんでいるという問題が発生しているようです。Knockout.jsとアイソトープ

ここにノックアウトから生成されたhtmlがあります。特に注目すべきでは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> 

を配置することができることです何同位体のニーズのdiv

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

のスタイルは、同位体で動作するようにノックアウトを取得する方法はありますか?

+0

問題は何ですか? Webkit変換の欠如?生成する前にKOテンプレートを投稿できますか? – madcapnmckay

+0

ノックアウトはあなたのdivに本当に触れていますか?それにデータバインド属性はないので、ノックアウトはそれをそのままにしておくべきです。あなたのテンプレートが行く限り、stacking src属性とknockoutがあなたのために補間する動的な属性を指定しています。それはあなたの意図ですか? –

+0

アイソトープはこの要素を持たなければなりません。スタイル{ 位置:絶対; 左:0ピクセル。 top:0px; -webkit-transform:translate(0px、0px);さもなければ、そのレイアウトロジックは機能しません。アイソトープは非常に多くのことを行うようにカスタマイズすることができます - あなたはknockout.jsを放棄できませんか? – Systembolaget

答えて

1

私はあなたのケースで何がうまくいかないのか分かりませんが、ノックアウトのために書いたアイソトープバインドを試してみるといいでしょう、Knockout-Isotope。フォークされたバージョンKnockoutが必要です。あなたがもっと知りたいのなら、私は精緻にすることができます。