0

当您缩小浏览器窗口时,将会有不同的 iphone 布局...

当我将 js 放入一个 html 部分时,它不起作用....但是如果我将 js 放在小提琴 js 部分中,它可以正常工作....你能说出原因吗....问题是我的 li 标签没有得到来自 js 的值......你能告诉我是什么原因......在下面提供我的代码......

工作代码....

http://jsfiddle.net/YZYp5/7/

不工作的代码....

http://jsfiddle.net/YZYp5/3/

<li style="display: table-cell; width: 417px; vertical-align: top; border: 1px solid red; left: -417px; -webkit-transition: 300ms; -webkit-transform: translate(0px, 0px) translateZ(0px);" data-index="1">

问题出在这个功能上

function translate(index, dist, speed) {

    var slide = slides[index];
    var style = slide && slide.style;

    if (!style) return;

    style.webkitTransitionDuration = 
    style.MozTransitionDuration = 
    style.msTransitionDuration = 
    style.OTransitionDuration = 
    style.transitionDuration = speed + 'ms';

    style.webkitTransform = 'translate(' + dist + 'px,0)' + 'translateZ(0)';
    style.msTransform = 
    style.MozTransform = 
    style.OTransform = 'translateX(' + dist + 'px)';

  }
4

1 回答 1

0

问题似乎在这里:

var style = slide && slide.style;

这将产生style一个布尔值,而不是一个对象。您可能正在寻找这样的东西:

var style = slide && slide.style ? slide.style : {};
于 2013-03-19T18:04:15.007 回答