Javascript 元素的宽度变为0

我想我成功地创建了一个滑块（请do说出您对它的评论），并且我能够在我的项目中实现它。问题是，当我尝试嵌套滑块时

嵌套滑块未完全显示。唯一显示的部分是选项卡。内容不显示。当我检查控制台时，它显示嵌套的

SimslideRouterRapper的
宽度为0

我做错了什么，我怎样才能使它完全发挥作用



函数simSlider（parentElem，config）{
/* ----------------------------------- */
/*-----变量创建--------*/
/* ----------------------------------- */
var currentThis=这个，
personalID=parentElem.id，
OuterRapper=document.createElement（'div'），
innerWrapper=document.createElement（'div'），
labelWrapper=document.createElement（'div'），
tabUnderliner=document.createElement（'div'），
content=parentElem.children，
无线电阵列=[]，
contentsHeight=[]，
contentWidth=parentElem.offsetWidth，
selectedIndex=prevIndex=0；
/* ---------------------------------- */
/*------配置设置------*/
/* ---------------------------------- */
如果（配置===未定义）配置={}；
currentThis.config={
//类名
outerWrapperClassName:config.outerWrapperClassName，
innerWrapperClassName:config.innerWrapperClassName，
labelWrapperClassName:config.labelWrapperClassName，
LabelClassName:config.labelClassName，
tabUnderlinerClassName:config.tabUnderlinerClassName，
//CSS样式
背景：config.background | |“blue”，
tabUnderlinerColor:config.tabUnderlinerColor | |橙色，
tabTitles:config.tabTitles，
动画：config.animation | |“0.7s立方贝塞尔（0.45,0.05,0.55,0.95）”，
//回调
beforeInit:config.beforeInit | | emptyFunction，
endInit:config.endInit | | emptyFunction，
beforeSlide:config.beforeSlide | | emptyFunction，
幻灯片：config.slide | |清空功能，
endSlide:config.endSlide | |清空功能
};
函数emptyFunction（）{}
/* ------------------------------------------ */
/*-----处理滑块更改/动画------*/
/* ------------------------------------------ */
函数转换函数（e）{
selectedIndex=radioArray.indexOf（e.target）；
currentThis.config.beforeSiled（selectedIndex，content[selectedIndex]）；
变量金额='-'+contentWidth+'px'；
content[selectedIndex].style.width=contentWidth+'px'；
如果（已选择索引var mySlider2 = document.getElementById('second'),
  slider2 = new simSlider(mySlider2);

var mySlider = document.getElementById('mySlider'),
  slider = new simSlider(mySlider);