2013-03-06 9 views
6

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

Flexslider:

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

スライダーとNAV:

<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> 

答えて

0

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

あなたは、コードの簡単な使用をすることができます直接

$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide" 
    }); 
}); 
+0

意味が分からない –

+0

例によると、ナビゲーションコンテナを定義する必要はありません。 – ravisoni

+0

あなたはナビゲーションコンテナを定義する必要があります。それはすべての例からそのように思えます。アクティブなクラスをnavの最初のリンクに適用するので、何が起こっているのかがわかりますが、クリックされても何も起こりません。 –

10

これはまだ修正済みですか?そうでない場合、答えはFlexSliderがまだプラグインにライブイベントを持っているからですが、jQueryはこれを推奨していません。

修正するにはjQuery.flexslider.jsを開き、 "live"の検索/置換を行い、 "on"で置き換えます。私は実際に「.live(」に置き換え、「.on(」ちょうど私が唯一のイベントリスナーを得たことを確認する。2つの出現があります。それだけです

を。完璧に動作します!

+0

ちょうどこれをしました。よく働く!彼らはまだこれを更新していない驚くべきことです。 – sleeper

2

https://github.com/woothemes/FlexSlider/issues/351

検索しました。それで起こってたくさんあるよう

が鳴り

私は主にChromeを使用しています、と私はそれがこのテーマにどんな起こっていませんでした:

http://www.templatemonster.com/demo/42317.html

それは言っていたことFlexSliderのバージョン:jQuery FlexSlider v1.8

をしかし、私はそれのための修正が見つかりました:スレッドの

http://wordpress.org/support/topic/chrome-bug-with-flexslider-plugin

終わり、彼は固定の別のサイトへのリンク男の投稿を!私は次の2行に置き換えjquery.flexslider.js

slider.eventType = ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click'; 

34行目:

slider.touch = (("ontouchstart" in window) || (window.navigator.msPointerEnabled) || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch; 
slider.eventType = "click touchend MSPointerUp"; 

希望に役立ちます私は、以下の必要な行を掲載しました。

+0

ありがとうございます。私の問題を解決しました。 –

0

クロムの 'chrome:// flags'ページでタッチイベントが有効になっていたため、タッチイベントをオフにした後、flexsliderのナビゲーションの矢印と点が機能します。

フレックススライダーがiOSのバグを説明しようとしている箇所がいくつかありますが、iOS以外のタッチ対応ブラウザでクリックイベントを完全に無効にします。