Question

我开始在我的基于wordpress的网站上实现一个名为Sly的Javascript滑块，该网站使用这个模板（http://wpshower.com/themes/expositio/）通过使用子主题设计。当我检查元素时，我可以看到插件几乎正常工作，例如计算总宽度，当我单击prev和next按钮以及类时，将类 active 添加到项目中拖动幻灯片时拖动。

我发现的问题 translate X 没有出现在slidee的样式中，浏览器控制台说“Uncaught TypeError：undefined不是函数：render：sly.js？ver = 4.1.1 ：467"

我很感激您的任何建议。

以下是我的代码：

CSS：

#frame { width: 100%; height: 100%; padding: 0; overflow:hidden;}
#frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }
#frame .slidee li { 
    display: inline-block;
    margin: 0 40px 0 0;
    margin: 0 4rem 0 0; 
    padding: 0; 
    width: 600px; 
    height: 100%; 
}

HTML： http://bit.ly/1EYMe4q

JS：

jQuery(document).ready(function($){
  'use strict';

  (function () {

    var $frame = $('#frame');
    var $wrap   = $frame.parent();

    $frame.sly({
      horizontal: 1,
      itemNav: 'centered',
      smart: 1,
      activateOn: 'click',
      mouseDragging: 1,
      touchDragging: 1,
      releaseSwing: 1,
      startAt: 0,
      scrollBy: 1,
      speed: 300,
      elasticBounds: 1,
      easing: 'easeOutExpo',

      prev: $wrap.find('.prev'),
      next: $wrap.find('.next')
    });
  }());

});

Sly不适用于wordpress模板

0 个答案: