bxslider 指令抛出错误“未捕获类型错误：无法读取未定义的属性‘indexOf’”

我在我的应用程序中使用 angularjs，为 bxslider 创建了一个指令。以下是指令代码：

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
                });
            })
        }
    }
})

上面我是这样使用的$($(element[0])).bxSlider({像我一样准备好功能后搜索 bxslider 应该与 ng-repeat 一起使用的问题并找到了此解决方案，之后 bxslider 可以工作，但有时图像无法加载，我总是可以看到此错误。

未捕获的类型错误：无法读取未定义的属性“indexOf”

经过多次搜索终于得到答案

这不是 angularjs 错误，这是 jquery 版本与 bxslider 的兼容性。

问题是由 jQuery 引起的.load()功能。

在bxslider.js文件中找到.load()函数的代码行。它在 bxslider.js 中仅使用了 1 次。

From

$(this).load();

To

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

感谢 kkakkurt 提供了这个出色的解决方案https://stackoverflow.com/a/38562965/4119808 https://stackoverflow.com/a/38562965/4119808