2016-09-08 9 views
1

私のプロジェクトにはいくつかのカテゴリが含まれており、各カテゴリには画像付きのFlexsliderが含まれています。各カテゴリは一度表示され、別のものをクリックすると、前者は隠されてクリックされ、タブと同様のスキームが表示されます。AngularJSの機能を無効にする

別のカテゴリをクリックすると、前のカテゴリで初期化されたFlexsliderの機能が破棄され、このカテゴリで実行される必要があります。

機能Flexsliderを開始:それまで

vm.clicou = function(){ 

    $('.sliderCol').flexslider("destroy") 

    setTimeout(function() { 
     vm.sliderCol() 
    }, 1000) 
} 

私が試した:カテゴリボタンを入力

vm.sliderCol = function() { 

    setTimeout(function() { 

     $('.sliderCol').flexslider({ 
      animation: "slide", 
      controlNav: false 
     }) 
    }, 1000) 
} 

機能をここで

は成功せず、私がこれまで行ってきたものですFlexsliderを破壊するには、機能の実行をやめて起動する方法があるかどうかわかりませんが、誰でも手伝いできますか?役割を果たし、各カテゴリにNG-クリックで

+0

これかもしれないが、あなたの https://docs.angularjs.orgを支援します/ api/ng/service/$ interval –

答えて

1

は、私はスライダーを破壊し、以下の機能を再度起動するために管理:

vm.clicou = function(){ 
    $('.sliderCol').flexslider("destroy"); 
    $('.sliderCol').removeData("flexslider"); 
    setTimeout(function() { 
     vm.sliderCol(); 
    }, 100); 
} 
関連する問題