0

ブラウザウィンドウを縮小すると、別のiPhoneレイアウトが表示されます...

js を 1 つの 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 に答える