1

这个问题让我发疯。我有一个这样的脚本:

    $(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() 不起作用。

4

1 回答 1

1

I ran into this problem.

In my case, simulating the clicking via jQuery revealed the error pointing at the easing: 'easeInOutQuart' line being the culprit. So in your slider's case try this jQuery to click the next button in IE9's developer tools:

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

I got this error:

Object doesn't support property or method 'easeInOutQuart'

I commented that line out and the sliding resumed.

于 2014-01-29T17:11:25.177 回答