使用IF更改元素位置

时间:2011-09-05 19:06:10

标签: javascript jquery plugins redirect timer

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

我正在尝试为按钮设置Position var,如下所示:

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不再像以前那样显示了。 希望有人能帮助你 注意:Button_Position的var在我的插件代码中,所以这不是问题。

1 个答案:

答案 0 :(得分:4)

删除“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>");
}

显示hi&gt;&gt;