bxslider 指令抛出错误`Uncaught TypeError: Cannot read property 'indexOf' of undefined`

Question

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

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 可以工作，但有时图像没有' t 加载，我总是可以看到这个错误。

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

Answer 1

经过这么多的搜索，我终于得到了答案

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

问题是由 jQuery .load() 函数引起的。

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

来自

$(this).load();

到

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

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