使用IF改变元素位置

Changing Element Position Using an IF

本文关键字：位置 元素 改变 IF 使用      更新时间：2023-09-26

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

我试图使位置变量的按钮，看起来像:

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

问题是按钮不再像以前那样显示。希望有人能帮忙
注意:var的Button_Position是在我的插件代码，所以这不是问题。

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

显示

相关文章：