0

ここにある液体スライダーを使用しています: http://liquidslider.com/このページ: http://www.emmaroche.ie/category/2013/

スライダーは期待どおりに機能しますが、1 つの問題があります。コントロールが機能しません。コントロールのコードは次のとおりです。

    <div class="controls outside span5 offset7">
        <a href="#left" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav prev"><span id="slider-prev"></span></a>
        <a href="#right" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav next"><span id="slider-next"></span></a>
    </div>

重要な部分は明らかに「data-liquidslider-ref」です。

「Uncaught TypeError: Object # has no method 'on'」というエラーがページに表示されます。これは、Wordpress のバージョンの上に別の (不要な) バージョンの jQuery をロードするスライダーに関係していると思われます。しかし、自動スライドをオンにすると、スライダーは正常に動作するので、これは問題ではないと思います.

ヘッド内のコードは次のとおりです。

jQuery(document).ready(function($) {
    $(function(){
      $('#slider-id').liquidSlider({

          autoHeight: true,
          autoSlide: false,
          slideEaseFunction: 'easeOutSine',
          dynamicArrows: false,
          slideEaseDuration: 550,
          crossLinks: true,
          autoSlideControls: true,
          autoSlideStartText: 'asas',
          autoSlideStopText: 'asad'

      });
    });
});

私はこのスライダーを同じ設定で問題なく何度も使用しました。

問題が何であるかについて困惑しています。助けていただければ幸いです。

4

1 に答える 1

1

あなたのページを見ると、あなたがロードしているjQueryライブラリに私の素早い疑いがあります：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.6'></script>

おそらくバージョン 1.4 にはありません(jQuery にはの代わりにあっ.onたことを覚えています) 。.live.on

http://api.jquery.com/live/

于 2013-09-11T03:09:06.337 に答える