2012-10-05 57 views
0

我想通過使用Knockout綁定到滑塊值來縮放帶有子元素的<div>。一切正常,除了實際的變換:使用敲除來綁定到css變換比例

<div id="scaleTest" data-bind="style:{msTransform: 'scale(' + scaleValue + ')'}"> 
    <div data-bind="text: scaleValue"> 
</div> 

<div>變化作爲ko.observablescaleValue內的文本跟蹤滑塊值,但是改變不會縮放<div>

只需使用:

data-bind="style:{msTransform: 'scale(' + 2 + ')'}" 

工作正常。

任何想法?

+0

你有一個複雜的表達式的任何時間(比任何東西更簡單'結合:someValue')所綁定使用可觀,永遠記住調用可觀察獲得價值。 –

回答

4

嘗試括號內添加到scaleValue

<div id="scaleTest" data-bind="style:{msTransform: 'scale(' + scaleValue() + ')'}"> 
+0

謝謝。這是問題 –

+1

@JohnVarney如果它解決了你的問題,你應該接受這個答案爲正確的答案。 – Rynan