javascript幻灯片放映的两个实例没有循环

我运行这段代码，在渐弱的幻灯片中循环浏览一些div。但是，当它到达div的末尾时，它不会重新启动。我认为这可能与重复的函数名或定义有关，尽管我不确定需要做什么来修复它

一次，幻灯片循环的实例就可以了

非常感谢任何帮助

jQuery（文档）.ready（函数（$）{
var allBoxes=$（“div.boxes”）.children（“div”）；
transitionBox（null，allBoxes.first（））；
});
函数转换框（从、到）{
函数next（）{
var nextTo；
if（to.is（“：last child”））{
nextTo=to.closest（“.box”）.children（“div”）.first（）；
}否则{
nextTo=to.next（）；
}
to.fadeIn（500，函数（）{
setTimeout（函数（）{
中转箱（至，下一个至）；
}, 30000);
});
}
如果（从）{
从。淡出（500，下一步）；
}否则{
next（）；
}
}
jQuery（文档）.ready（函数（$）{
var allBoxes=$（“div.sideboxs”）.children（“div”）；
transitionBox（null，allBoxes.first（））；
});
函数转换框（从、到）{
函数next（）{
var nextTo；
if（to.is（“：last child”））{
nextTo=to.closest（“.sideboxs”）.children（“div”）.first（）；
}否则{
nextTo=to.next（）；
}
to.fadeIn（500，函数（）{
setTimeout（函数（）{
中转箱（至，下一个至）；
}, 30000);
});
}
如果（从）{
从。淡出（500，下一步）；
}否则{
next（）；
}
}

最后解决了这个问题，只需要为transitionBox的第二个实例定义一个不同的名称。见下文：

jQuery（文档）.ready（函数（$）{
var allBoxes=$（“div.boxes”）.children（“div”）；
transitionBox（null，allBoxes.first（））；
});
函数转换框（从、到）{
函数next（）{
var nextTo；
if（to.is（“：last child”））{
nextTo=to.closest（“.box”）.children（“div”）.first（）；
}否则{
nextTo=to.next（）；
}
to.fadeIn（500，函数（）{
setTimeout（函数（）{
中转箱（至，下一个至）；
}, 30000);
});
}
如果（从）{
从。淡出（500，下一步）；
}否则{
next（）；
}
}
jQuery（文档）.ready（函数（$）{
var allBoxes=$（“div.sideboxs”）.children（“div”）；
transitionBox2（null，allBoxes.first（））；
});
功能转换框2（从、到）{
函数next（）{
var nextTo；
if（to.is（“：last child”））{
nextTo=to.closest（“.sideboxs”）.children（“div”）.first（）；
}否则{
nextTo=to.next（）；
}
to.fadeIn（500，函数（）{
setTimeout（函数（）{
中转箱2（至，下一个至）；
}, 30000);
});
}
如果（从）{
从。淡出（500，下一步）；
}否则{
next（）；
}
}

您确定

到.closest（“.sideboxs”）.children（“div”）.first（）吗是否获取正确的div？