Question

当您缩小浏览器窗口时，会有一个不同的iphone布局......

当我将js放入一个html部分时它不起作用.... 但如果我把js放在小提琴js部分它的工作正常.... 你能说出原因吗？问题是我的li标签没有从js获取值... 你能说出原因吗？在下面提供我的代码....

工作代码....

没有工作代码......

<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)';

  }

Answer 1

问题似乎在这里：

var style = slide && slide.style;

这将使style成为布尔值，而不是对象。你可能正在寻找这样的东西：

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

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

1 个答案: