bxSlider和ajax异步加载在IE中不起作用

Question

这个问题让我发疯了。我有一个这样的剧本：

    $(document).ready(function(){
        if($('#articleslider').length) {

            var slider = $('#articleslider'),
                    articleslider = $('#articleslider').bxSlider({
                        speed: 800,
                        video: true,
                        useCSS: false,
                        easing: 'easeInOutQuart',
                        adaptiveHeight: true,
                        pager: false,
                        nextSelector: '#slider-next',
                        prevSelector: '#slider-prev',
                        nextText:'›',
                        prevText:'‹',
                        swipeThreshold: 100,
                        preventDefaultSwipeY: true
                    });

            var getImages = function() {

                $.ajax({
                  url: "/foo/",
                  //async: false,
                  dataType: "html"
                })

                .done(function(data) {
                    slider.html(data);
                    articleslider.reloadSlider();
                });
            }

            getImages();

        }
    });

  

Ajax请求正在运行，因为我想在其他一些事件中使用它。

在FF或Chrome中按预期工作。 IE（10）没有。我通过Ajax获取图片，但reloadSlider（）或bxSlider（）不起作用。

Answer 1

我遇到了这个问题。

在我的例子中，通过jQuery模拟点击显示指向easing: 'easeInOutQuart'行的错误是罪魁祸首。因此，在滑块的情况下，请尝试使用此jQuery单击IE9开发人员工具中的下一个按钮：

jQuery('#slider-next').click();

我收到了这个错误：

Object doesn't support property or method 'easeInOutQuart'

我注释掉了线路并且滑动恢复了。