javascript - 仅 Flexslider 水平滑动不起作用

Question

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

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

只有在“水平”的“幻灯片”上才会出现不滑动的问题...当我从 chrome 或 Firebug 查看代码 View 时，我看到“事件”幻灯片发生了变化，但视觉效果没有变化。反正它不会滑动。滑动 + 垂直工作、淡入淡出 + 垂直工作、淡入淡出 + 水平工作、滑动 + 水平工作无效。

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

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

Answer 1

经过大量调试后，我发现在代码行 928 处设置了样式，这里是 slider.computedW 变量的宽度为 NaN ...这就是为什么不设置 ...和代码行的原因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);
  }

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