Knockout样式属性float

2013-02-22 77 views 1 likes

我想通过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

您使用哪种浏览器？因为您的示例在最新的Chrome浏览器中显示正常...右侧的红色文本和左侧的绿色文本... – nemesv 2013-02-22 10:41:44

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

对不起，我是一个哑巴屁股。这是浏览器兼容性战争问题。这是一个快速knockup，因为我们有设计师谁做出完成的布局... – Gizmo 2013-02-22 10:48:32

回答

我固定这个问题用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

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

Knockout样式属性float

回答

相关问题