使用 IF 更改元素位置

Question

目前我正在为重定向计时器创建一个插件。

我正在尝试为看起来像这样的按钮创建位置变量：

Button_Position 我希望能够做到：左、中、右

例如：

Button_Position = "center"

按钮应该居中

这是我用来尝试这个的代码：

document.write("<div class='holder'></div>");  

if(typeof Button_Position=="left"){
$('.holder').html("<div id='style'></div><span id='redirect'></span><center><button id='buttonn' style='cursor:pointer;float:left;'>"+Button_Value+" &gt;&gt;</button></center>");
}
if(typeof Button_Position=="center"){
$('.holder').html("<div id='style'></div><span id='redirect'></span><center><button id='buttonn' style='cursor:pointer;'>"+Button_Value+" &gt;&gt;</button></center>");
}
if(typeof Button_Position=="right"){
$('.holder').html("<div id='style'></div><span id='redirect'></span><center><button id='buttonn' style='cursor:pointer;float:right;'>"+Button_Value+" &gt;&gt;</button></center>");
}

问题是按钮不再像以前那样显示了。 希望有人可以提供帮助
注意：Button_Position 的 var 在我的插件代码中，所以这不是问题。

Answer 1

删除那个“typeof”

http://jsfiddle.net/genesis/hXtVW/7/

Button_Position = "left";
Button_Value = "hi";
if(Button_Position=="left"){
$('.holder').html("<div id='style'></div><span id='redirect'></span><center><button id='buttonn' style='cursor:pointer;float:left;'>"+Button_Value+" &gt;&gt;</button></center>");
}
if(Button_Position=="center"){
$('.holder').html("<div id='style'></div><span id='redirect'></span><center><button id='buttonn' style='cursor:pointer;'>"+Button_Value+" &gt;&gt;</button></center>");
}
if(Button_Position=="right"){
$('.holder').html("<div id='style'></div><span id='redirect'></span><center><button id='buttonn' style='cursor:pointer;float:right;'>"+Button_Value+" &gt;&gt;</button></center>");
}

显示嗨>>