1. 首頁
  2. 問答
  3. Knockout樣式屬性float

Knockout樣式屬性float

2013-02-22 79 views
1

我想通過Knockout使用計算值對齊div，但是這個接縫對屬性「Float」沒有影響。我可以使用相同的方法改變顏色。 用戶界面應根據其用戶組左右浮動div元素。Knockout樣式屬性float

JFiddle這裏舉例：http://jsfiddle.net/TMVAT/1/

this.floatAlign = ko.computed(function() { 
     if(this.employee() == undefined || this.employee()=="") { 
      return "right"; 
     } else { 
      return "left"; 
     } 
    }, this);

任何幫助，將不勝感激。

來源

2013-02-22 Gizmo

+1

您使用哪種瀏覽器？因爲您的示例在最新的Chrome瀏覽器中顯示正常...右側的紅色文本和左側的綠色文本... – nemesv 2013-02-22 10:41:44

+0

我正在使用Firefox ... – Gizmo 2013-02-22 10:45:10

+0

對不起，我是一個啞巴屁股。這是瀏覽器兼容性戰爭問題。這是一個快速knockup，因爲我們有設計師誰做出完成的佈局... – Gizmo 2013-02-22 10:48:32

回答

0

我固定這個問題用css綁定。它運作完美。

的Html的變化： -

<div data-bind="style: { color: colour },css:{FloatLeft : floatAlign() == left',FloatRight : floatAlign() == 'right'}" style="width:65%; margin-bottom: 10px;">

CSS支持的變化： -

.FloatLeft{ 
    float:left; 
} 
.FloatRight{ 
    float:right; 
}

將其標記爲答案

來源

2013-02-22 11:03:20 nav0611

+0

Thanx Boss這完美的作品 – Gizmo 2013-02-22 13:29:18

相關問題

 相關問題