2011-09-05 67 views
4

此刻我正在为重定向定时器创建插件。使用IF更改元素位置

我试图做出看起来像按钮的位置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_Position的var在我的插件代码中,所以这不是问题。

回答

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

显示喜>>

+3

+1的工作示例因为你解决了这个问题。 – Nathan

+1

但它应该重构,以消除所有相同的东西。 –

+0

你的意思是这样只有1作品还是什么? – Shawn31313

相关问题