bxSlider 在 IE10 中不起作用

Question

bxSlider 不適用於 IE10，它在 IE8 和 IE9 上工作正常，它在 IE10 上工作模式：“淡入淡出”但不適用於“水平” bxSlider 的所有模式都在 Mozilla 和 Chrome 上工作。 問題在哪里我使用 bxSlider 的代碼是

 $('#slidesfMovieShowcase').bxSlider({
            mode: 'horizontal',
            controls: false,
            pager: true,
            autoHover: true,
            auto: true
        }); 

Answer 1

我知道這個問題有點過時了，但非常相似的代碼在 ie10 中對我有用，但在 jQuery 就緒函數中：

$(document).ready(function() {
    $('#slidesfMovieShowcase').bxSlider({
        mode: 'horizontal',
        controls: false,
        pager: true,
        autoHover: true,
        auto: true
    });
});

Answer 2

IE10 對 HTML 錯誤非常挑剔。

正如第一個答案所說，它應該在一個

$(document).ready(function() {

有些人遇到第一張沒有加載 IE10 的圖像，這讓我很害怕。

Answer 3

我的經歷是不同的：

我使用 IE8/9/10 以及

$(document).ready(...) 

不好； 它不能正常工作 5 次超過 10 次！ :(

現在，我已經嘗試將 bxslider 代碼放在一個

$(window).bind('load', function(){}) 

片段，它運行良好 9 次超過 10 次......

你可以試試這個方法...

Answer 4

我遇到了同樣的問題並修復了刪除 defer 屬性。

您還想確保首先包含庫，然后放置您的腳本

之前 - 這在 IE 和 Edge 中不起作用

<script src="//cdn.jsdelivr.net/bxslider/4.1/jquery.bxslider.min.js" defer="defer"></script>
<script>
    $(document).ready(function(){
        $('.bxslider').bxSlider({
            slideWidth: 850,
            auto:true,
            pause:3500,
            useCSS:true
        });
    });
</script>

之后 - 這適用於 IE 和 Edge

<script src="//cdn.jsdelivr.net/bxslider/4.1/jquery.bxslider.min.js"></script>
<script>
    $(document).ready(function(){
        $('.bxslider').bxSlider({
            slideWidth: 850,
            auto:true,
            pause:3500,
            useCSS:true
        });
    });
</script>

Answer 5

我通過將 bxslider 從v4.2.12降級到 v4.1 來解決我的問題