2016-08-12 19 views
4

私はbxsliderのディレクティブを作成したアプリケーションでangularjsを使用しています。以下は、ディレクティブのコードです:bxsliderディレクティブスローエラー 'Uncaught TypeError:未定義の' indexOf 'プロパティを読み取れません。

angular.module('sbAdminApp') 
.directive('bxSlider', function(){ 
    return{ 
     restrict: "A", 
     require: "ngModel", 
     link: function(scope, element, attrs, ctrl){ 
      element.ready(function(){ 
       $($(element[0])).bxSlider({ 
        maxSlides:1, 
        auto:true, 
        controls:false, 
        pager:true 
       }); 
      }) 
     } 
    } 
}) 

私はbxsliderがNGリピートと協力し、bxsliderが働いて、時にはされた後、この解決策を見つけなければならない問題のためにI 検索としてレディ機能の後に、この$($(element[0])).bxSlider({のように使用しています上画像が読み込まれず、このエラーが常に表示されます。

Uncaught TypeError: Cannot read property 'indexOf' of undefined

答えて

16

は、最後に私は、これはこれはbxsliderとjqueryのバージョンの互換性であるangularjsエラーではありませんので、多くの検索

後に答えを得ました。

問題はjQuery​​関数によって発生します。

bxslider.jsファイルでは、​​関数のコード行を見つけます。 bxslider.jsでは1回だけ使用されていました。この偉大な解決のために、このためhttps://stackoverflow.com/a/38562965/4119808

+0

感謝をkkakkurtする

から
$(this).load(); 

$(this).trigger('load'); 

に感謝!私がカスタムbxsliderファイルを扱う必要がない場合、このスライダーのブートストラップ互換バージョンを使用する必要があるように見えます。 https://github.com/Rahisify/bxslider-4 – sirclesam

+0

'$(window).on( 'load'、myFunction());'は同じエラーを返します。私たちは何をすることができますか? –

+0

このエラーが発生するインスタンスを表示する必要があります –

関連する問題