Question

我ask已经解决了这个问题，但我现在可以找到错误的错误..错误只出现在：

<script type="text/javascript">
(function($){
 $(document).ready(function(){
   $('#banner-slider-text').flexslider({
    animation: "slide",
    direction: 'horizontal',
  });
 });
})(jQuery);

正好只有“水平”的“幻灯片”出现了它不会滑动的问题...当我从chrome或firebug查看代码视图时，我看到“激活”幻灯片已更改但不是视觉效果。它反正不会滑动。 SLide + Vertical work，Fade + Vertical work，Fade + Horizontal work，Slide + Horizontal NOT WORK。

Flexslider vers 2.*
JQuery ver 1.9 - 2.* testet 
Shopware vers 4.3.6

Slider使用Slider Options在smarty tpl中编码，并从主页面加载到Home索引tpl中。

Answer 1

经过多次调试后我发现在代码行928处设置了样式，这里是带有slider.computedW变量的宽度是NaN ...这就是为什么with不设置...和代码行的原因874是转换translate3D NaN到...的目标，我没有得到动画的变换元素

928
setTimeout(function(){
        slider.doMath();
        slider.newSlides.css({"width": slider.computedW, "float": "left", "display": "block"});
        // SMOOTH HEIGHT:
        if (slider.vars.smoothHeight) { methods.smoothHeight(); }
      }, (type === "init") ? 100 : 0);

874
if (slider.transitions) {
    target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
    dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
    slider.container.css("-" + slider.pfx + "-transition-duration", dur);
     slider.container.css("transition-duration", dur);
  }

也许这就是我的幻灯片水平不起作用的原因....但我不确定

Flexslider仅水平滑动不起作用

1 个答案: