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

Question

我在我的应用程序中使用 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 可以正常工作，但有时无法加载图像，我总是会看到这个错误。

Uncaught TypeError: Cannot read property 'indexOf' of undefined

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