Javascript 一个html部分中的js代码不起作用

当您缩小浏览器窗口时，将出现不同的iphone布局

当我把js放进一个html部分时，它就不起作用了。。。。 但如果我把js放在fiddle js部分，它会正常工作。。。。 你能说出原因吗。。。。 问题是我的li标签没有从js获取值。。。 你能告诉我是什么原因吗。。。。 在下面提供我的代码

工作代码

不工作的代码

---

问题似乎在这里：

var style = slide && slide.style;

这将使

style

成为布尔值，而不是对象。您可能正在寻找类似以下内容：

var style = slide && slide.style ? slide.style : {};

---

我把你的代码放在这把小提琴里，但它不起作用。。。。。函数转换（索引、距离、速度）{var slide=slides[index]；var style=slide&&slide.style？slide.style:{}；if（！style）return；style.webkitTransitionDuration=style.MozTransitionDuration=style.OTransitionDuration=style.OTransitionDuration=style.transitionDuration=speed+'ms'；style.webkitttransform='translate（'+dist+'px，0'）+'translateZ（0）；'style.msTransform=style.MozTransform=style.OTransform=style.OTransform='translateX='（'+dist+'px'）我得到一个错误Uncaught TypeError:无法设置未定义的属性'className'。该错误来自其他地方，translate函数中没有试图设置类名的内容。抱歉，但是您的JSFIDLE代码太多，您应该尝试将其缩减到重现您所询问的特定问题所需的最小大小about.

此li未获取js值……当我在firebug中手动给定值时，将其转换为-417px

var style = slide && slide.style;

var style = slide && slide.style ? slide.style : {};