6

Flexslider でスライダーを作成し、manualControls: を使用してナビゲーション メニューを作成しようとしていますが、リンクが機能しません。flexslider とスライダー/ナビゲーション自体のコードは次のとおりです。

フレックススライダー:

 <script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider({
      controlsContainer: ".slidercontainer",
      controlNav: true,
      manualControls: ".flex-control-nav li",
      }); 
 });
 </script>

スライダーとナビゲーション:

    <div class="slidercontainer">
        <div class="flexslider">
            <ul class="slides">
              <li>slide1</li>
              <li>slide2</li>
            </ul>
            <ul class="flex-control-nav">
              <li>1</li>
              <li>2</li>
            </ul>
    </div>          
    </div>
4

5 に答える 5

10

あなたはまだこれを修正しましたか？そうでない場合、答えは FlexSlider がまだプラグインにライブ イベントを持っているためですが、jQuery はこれを非推奨にしています。

それを修正するには; jQuery.flexslider.js を開き、「ライブ」の検索/置換を行い、「オン」に置き換えます。実際に「.live(」を検索し、「.on(」に置き換えて、イベント リスナーのみを取得したことを確認しました。2 つのオカレンスがあります。

それでおしまい。完璧に動作します！

于 2013-03-26T17:34:55.180 に答える
0

リンク例：http: //flexslider.woothemes.com/

コードを直接簡単に使用できます

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
于 2013-03-06T12:18:31.570 に答える
0

私はバージョン 2.7.2 を使用しています。onTouchMove = function(e) {}

その後、すべてが正常に機能しており、最も重要な部分は、エラー メッセージが消えたことです。

于 2021-07-26T05:45:57.180 に答える